Live Chart woks

public/stylesheets/style.css

@@ -5,7 +5,6 @@ body {
   margin-left: auto;
   margin-right: auto;
   height: 100%;
-  background-color: rgb(146, 154, 146);
 }
 
 html {
@@ -16,7 +15,6 @@ html {
   margin: auto;
   width: 100%;
   text-align: center;
-  background-color: #e9e9e9;
   margin-top: 5px;
   height: 100%;
   position: relative;
@@ -27,13 +25,13 @@ a {
 }
 
 header {
-  width: 98%;
-  margin: auto;
+  background-color: lightgray;
 }
 header #hline1 {
-  width: 98%;
-  margin: 0px auto 0px;
+  margin: 0px 1vw 0px 1vw;
   padding-top: 10px;
+  padding-bottom: 10px;
+  overflow: auto;
 }
 header #h1name {
   font-size: 148%;
@@ -47,9 +45,10 @@ header #h1datum {
 }
 
 #fenster {
-  margin-top: 45px;
-  background: lightgray;
+  margin-left: 0.5vw;
+  background: white;
   padding-top: 5px;
+  width: 99vw;
 }
 #fenster #navi {
   float: left;
@@ -64,10 +63,9 @@ header #h1datum {
 }
 
 #map {
-  margin-left: 1vw;
-  margin-top: 5px;
+  margin-left: 0.5vw;
   width: 98vw;
-  height: 66vh;
+  height: 80vh;
   border-radius: 10px;
   border: solid 1px seagreen;
   overflow: hidden;
@@ -83,17 +81,36 @@ header #h1datum {
   text-align: center;
 }
 
-#author {
+#mapdateactsens {
+  width: 98vw;
+  font-size: 70%;
+  padding: 10px 0 10px 0;
+  overflow: auto;
+}
+#mapdateactsens #mapdate, #mapdateactsens #actsensors {
+  width: 33%;
+  float: left;
+}
+#mapdateactsens #actsensors {
+  text-align: left;
+  margin-left: 1vw;
+}
+
+footer {
+  background-color: lightgray;
+}
+footer #author {
   font-size: 80%;
-  width: 95%;
+  width: 98vw;
   margin: auto;
   padding-bottom: 30px;
   padding-top: 10px;
+  height: 50px;
 }
-#author #mailadr {
+footer #author #mailadr {
   float: left;
 }
-#author #versn {
+footer #author #versn {
   float: right;
 }
 
@@ -133,4 +150,14 @@ header #h1datum {
   font-size: 24px;
 }
 
+.tab-pane {
+  margin-top: 44px;
+}
+
+#dlive, #dhour, #dday, #ddaynight, #dlden {
+  width: 98vw;
+  height: 100%;
+  margin: auto;
+}
+
 /*# sourceMappingURL=style.css.map */