refactor: Umschlag nav-menu bearbeiten. minfied card.css

EnvelopeGenerator.Web/wwwroot/css/site.css

@@ -4,11 +4,6 @@
 */
 
 /* Toolbar Buttons */
-#app {
-    background: gray;
-    width: 100vw;
-    height: 80vh;
-}
 
 .navbar-toggler {
     border: 0;
@@ -19,7 +14,6 @@
     margin-bottom: 10vh;
 }
 
-
 .btn_refresh, .btn_reject, .btn_complete {
     height:2.5rem;
 }
@@ -69,8 +63,7 @@
     }
 
 body {
-    background-color: #bbb;
-
+    background: #f8fcfc;
     display: flex;
     flex-direction: column;
     height: 100vh;
@@ -78,16 +71,51 @@ body {
 }
 
 main {
-    flex: 1;
+    display:flex;
+    margin: 0 0 0.5vh 0;
+}
+
+.envelope-view {
+    display: flex; /* d-flex */
+    flex-direction: column; /* flex-column */
+    width: 100vw;
+    height: 95.9vh;
+}
+
+#app {
+    background: gray;
+    width: 100vw;
+    height: 100%;
+    flex-grow: 1;
+    border-width: 0;
 }
 
 footer {
-    background: #333;
-    color: white;
-    text-align: center;
-    padding: 10px 0;
+    height: 4vh;
+    background-color: #001F61;
+    border-radius: 10px 10px 0 0;
+    color: #fff;
+    font-family: 'Muli';
+    padding: 0.5vh 0;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    z-index: 998;
+    border-width: 0;
 }
 
+    footer * {
+        margin-left: 1rem;
+    }
+
+    footer > * {
+        margin: 0 6rem 0 1rem;
+    }
+
+    footer a {
+        color: #FF7500;
+        text-decoration: none;
+    }
 
 .page {
     margin-top: 3rem;