Made dashboard more mobile responsive

1 files changed, 5 insertions, 19 deletions

diff --git a/dash/css/dash.css b/dash/css/dash.css
index 2a56f8e..a0e6926 100644
--- a/dash/css/dash.css
+++ b/dash/css/dash.css
@@ -11,14 +11,12 @@ body {
   background-size: cover;
   background-repeat: no-repeat;
   background-attachment: fixed;
+  background-position: center;
 }
 #nav {
   height: 60px;
   padding-top: 8px;
   width: 100%;
-  position: absolute;
-  top: 0px;
-  left: 0px;
   box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
   background-color: #ffffff;
 }
@@ -77,28 +75,21 @@ body {
   display: block;
 }
 #content {
-  position: absolute;
-  top: 68px;
-  left: 0px;
-  right: 0px;
   width: 100%;
   margin: auto;
-  height: calc(100% - 88px);
+  height: calc(100vh - 90px);
   border-radius: 2px;
   font-family: 'Myriad Pro';
   overflow-x: hidden;
   overflow-y: auto;
 }
 #footer {
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
   width: 100%;
   height: 20px;
   display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: space-around;
+  flex-direction: column;
+  justify-content: center;
+  text-align: center;
   font-family: 'Myriad Pro';
 }
 #footer p {
@@ -170,17 +161,12 @@ body {
 }
 #fulljob {
   margin: 2em auto 1em auto;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
   width: 50%;
   padding: 1em 1em 1em 1em;
   box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
   border-radius: 3px;
   background-color: #ffffff;
   overflow-y: auto;
-  
 }
 #fjheader {
   text-align: center;