1 files changed, 61 insertions, 9 deletions
diff --git a/uploader/static/css/styles.css b/uploader/static/css/styles.css
index 9bb4e65..df50dec 100644
--- a/uploader/static/css/styles.css
+++ b/uploader/static/css/styles.css
@@ -5,7 +5,7 @@
 body {
     margin: 0.7em;
     display: grid;
-    grid-template-columns: 1fr 9fr;
+    grid-template-columns: 2fr 8fr;
     grid-gap: 20px;
 
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -100,15 +100,32 @@ body {
     padding-left: 0.5em;
 }
 
-#main #all-content {
-    /* Place it in the parent element */
-    grid-column-start: 1;
-    grid-column-end: 3;
+@media screen and (max-width: 20in) {
+    #main #all-content {
+        /* Place it in the parent element */
+        grid-column-start: 1;
+        grid-column-end: 3;
 
-    /* Define layout for the children elements */
-    display: grid;
-    grid-template-columns: 7fr 3fr; /* For a maximum screen width of 1366 pixels */
-    grid-gap: 1.5em;
+        /* Define layout for the children elements */
+        max-width: 80%;
+    }
+
+    #sidebar-content {
+        display: none;
+    }
+}
+
+@media screen and (min-width: 20.1in) {
+    #main #all-content {
+        /* Place it in the parent element */
+        grid-column-start: 1;
+        grid-column-end: 3;
+
+        /* Define layout for the children elements */
+        display: grid;
+        grid-template-columns: 7fr 3fr;
+        grid-gap: 1.5em;
+    }
 }
 
 #main #all-content .row {
@@ -133,3 +150,38 @@ body {
 #pagetitle .breadcrumb a {
     color: #666666;
 }
+
+.heading {
+    border-bottom: solid #EEBB88;
+    text-transform: capitalize;
+}
+
+.subheading {
+    padding: 1em 0 0.1em 0.5em;
+    border-bottom: solid #88BBEE;
+    text-transform: capitalize;
+}
+
+input[type="search"] {
+    border-radius: 5px;
+}
+
+.btn {
+    text-transform: Capitalize;
+}
+
+table.dataTable thead th, table.dataTable tfoot th{
+  border-right: 1px solid white;
+  color: white;
+  background-color: #369 !important;
+}
+
+table.dataTable tbody tr.selected td {
+    background-color: #ffee99 !important;
+}
+
+.form-group {
+    margin-bottom: 2em;
+    padding-bottom: 0.2em;
+    border-bottom: solid gray 1px;
+}