Adjust table styles.

toddbirchard · Jun 13, 2024 · fedcc4c · fedcc4c
1 parent 6d431f5
commit fedcc4c
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 16 deletions.
diff --git a/pythonmyadmin/static/dist/css/style.css b/pythonmyadmin/static/dist/css/style.css
diff --git a/pythonmyadmin/static/less/main.less b/pythonmyadmin/static/less/main.less
@@ -39,10 +39,13 @@ html {
     box-shadow: 0 0 4px #cdd3e2;
     padding: 30px;
     background: white;
+    @media(max-width: @tablet-breakpoint) {
+      max-width: 96vw;
+    }
     @media(max-width: 600px) {
       margin: 0;
       max-width: unset;
-      width: 100%;
+
       padding: 5vw;
     }
 
@@ -84,21 +87,28 @@ html {
 
   .dash-spreadsheet-container {
     max-width: 100%;
-    margin: 40px auto !important;
+    margin: 40px auto;
     overflow: hidden;
     border: 1px solid #d3d8e0;
     box-shadow: none;
     font-family: @body-font;
+
+    @media(max-width: @tablet-breakpoint) {
+      margin: 2vw auto;
+    }
   }
 
   .layout-container {
     width: 1000px;
-    max-width: 90%;
+    max-width: 96vw;
     margin: 20px auto;
+    @media(max-width: @tablet-breakpoint) {
+      width: unset;
+      max-width: 96vw;;
+      margin: 2vw auto 0px auto;
+    }
     @media(max-width: @mobile-breakpoint) {
       width: 100%;
-      max-width: 95%;
-      margin: 20px auto;
     }
   }
 }
diff --git a/pythonmyadmin/static/less/nav.less b/pythonmyadmin/static/less/nav.less
@@ -1,13 +1,15 @@
 header {
   position: relative;
   width: 100%;
-  margin-bottom: 50px !important;
+  margin-bottom: 50px;
   padding: 40px 0 !important;
   background: white !important;
   box-shadow: 0 0 5px #bec6cf;
   font-family: 'Lato', sans-serif;
+  @media(max-width: 800px) {
+    margin: 0 auto 2vw auto;
+  }
   @media(max-width: 600px) {
-    margin: 0 !important;
     padding: 30px 0 !important;
   }
 
@@ -58,7 +60,7 @@ header {
 
     .nav-link,
     a {
-      margin-left: 30px;
+      margin-left: 25px;
       color: #70829d;
       font-size: 1.1em;
       text-decoration: none;
@@ -70,7 +72,7 @@ header {
       }
 
       i {
-        margin-right: 5px;
+        margin-right: 3px;
       }
     }
   }

diff --git a/pythonmyadmin/static/less/table.less b/pythonmyadmin/static/less/table.less
@@ -5,18 +5,26 @@
   margin: 0;
 
   header {
-    margin-bottom: 25px !important;
+    margin-bottom: 25px;
+
+    @media(max-width: @tablet-breakpoint) {
+      margin: 0 auto 2vw;
+    }
   }
 
   .dash-spreadsheet-container {
     max-width: 100%;
-    margin: 25px auto !important;
+    margin: 25px auto;
     overflow: hidden;
     border: 0;
     border-radius: 4px;
     box-shadow: 0 0 4px #cdd3e2;
     font-family: @body-font;
 
+    @media(max-width: @tablet-breakpoint) {
+      margin: 2vw auto;
+    }
+
     * {
       box-shadow: none !important;
       font-family: @body-font;