From 3ea503a2dc261106d3f094b64ff2a9e5d7a1641a Mon Sep 17 00:00:00 2001
From: Henri Bergius <henri.bergius@iki.fi>
Date: Tue, 5 Dec 2017 12:18:42 +0100
Subject: [PATCH] Make bar history more similar layout as other screens

---
 bar-history/index.html | 36 ++++++++++++++++++++++++++----------
 1 file changed, 26 insertions(+), 10 deletions(-)
diff --git a/bar-history/index.html b/bar-history/index.html
index d13607c..18af07c 100644
--- a/bar-history/index.html
+++ b/bar-history/index.html
@@ -9,14 +9,6 @@
     <script src="../dist/infoscreens.js"></script>
     <link rel="stylesheet" href="../theme/c-base.css">
     <style>
-      h1 {
-        font-size: 6vmin;
-        width: 100vw;
-        text-align: center;
-        line-height: 8vmin;
-        margin-bottom: 0px;
-        padding-bottom: 0px;
-      }
       main {
         display: flex;
         width: 98vw;
@@ -36,6 +28,29 @@
         height: 65vmin;
         width: 65vmin;
       }
+      cbase-time, h1 {
+        font-family: 'ceva', sans-serif;
+        font-weight: normal;
+        font-size: 6vmin;
+        line-height: 10vh;
+        color: #fff;
+        margin: 0px;
+        padding: 0px;
+      }
+      #screen-title {
+        text-align: left;
+        padding-left: 3vw;
+        position: absolute;
+        left: 0px;
+        bottom: 0px;
+      }
+      #current-time {
+        position: absolute;
+        right: 0px;
+        bottom: 0px;
+        text-align: right;
+        padding-right: 3vw;
+      }
       @media (orientation: portrait) {
         p {
           width: 95vw;
@@ -46,12 +61,13 @@
   </head>
   <body class="station">
     <main>
-      <h1>bar historical data</h1>
-      <cbase-polar timeseries="bar.open" days="90" size="65" percentage></cbase-polar>
       <p>
         Likelihood of bar being open at a given hour. Based on last 90 days.
       </p>
+      <cbase-polar timeseries="bar.open" days="90" size="65" percentage></cbase-polar>
     </main>
+    <h1 id="screen-title">c-base bar</h1>
+    <cbase-time id="current-time" interval="1" format="HH:MM"></cbase-time>
   </body>
 </html>
 
