Get data date visible again, was out of shot.

dracos · Feb 23, 2013 · 6edbfe6 · 6edbfe6
1 parent 8683186
commit 6edbfe6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/css.css b/css.css
@@ -38,18 +38,21 @@ div.markerTooltip, div.markerDetail {
     border: 1px solid black;
 }
 
-h1 {
+#header {
     color: #000;
     background-color: #fff;
     -webkit-box-shadow: 0px 0px 16px 2px #000;
             box-shadow: 0px 0px 16px 2px #000;
     -webkit-border-radius: 0 0.5em 0.5em 0;
             border-radius: 0 0.5em 0.5em 0;
-    font-size: 175%;
     position: absolute;
     bottom: 1em; left: 0em;
     padding: 0.25em 0.5em;
 }
+#header h1 {
+    margin: 0;
+    font-size: 175%;
+}
 
 #info {
     color: #000;

diff --git a/index.html b/index.html
@@ -18,7 +18,11 @@
 
   <div id="map"><div style="padding: 1em; color: gray;">Loading...</div></div>
 
+  <div id="header">
   <h1>Live train map for the London Underground, by Matthew Somerville</h1>
+  <small>Data collected: <span id="update">No data yet</span></small>
+  </div>
+
 <noscript>
 <div style="border: solid 2px #cc0000; padding: 5px; width: 70%; margin: 1em auto;">
 I'm afraid that this page requires JavaScript to draw the maps and plot
@@ -28,8 +32,6 @@ <h1>Live train map for the London Underground, by Matthew Somerville</h1>
 Matthew
 </div>
 </noscript>
-  <p style="margin-bottom:0">
-   <small>Data collected: <span id="update">No data yet</span></small></p>
   <div id="loading"></div>
   <div id="info">