7 files changed, 10 insertions, 25 deletions
diff --git a/uploader/static/css/layout-common.css b/uploader/static/css/layout-common.css
new file mode 100644
index 0000000..36a5735
--- /dev/null
+++ b/uploader/static/css/layout-common.css
@@ -0,0 +1,3 @@
+* {
+    box-sizing: border-box;
+}
diff --git a/uploader/static/css/layout-large.css b/uploader/static/css/layout-large.css
index d1b3aa1..8abd2dd 100644
--- a/uploader/static/css/layout-large.css
+++ b/uploader/static/css/layout-large.css
@@ -1,7 +1,3 @@
-* {
-    box-sizing: border-box;
-}
-
 @media screen and (min-width: 20.1in) {
     body {
         display: grid;
@@ -52,8 +48,7 @@
     }
 
     #main #main-content {
-        /*background: #FFFFFF;*/
-        /*max-width: 80%;*/
+        max-width: 950px;
 
         grid-column-start: 1;
         grid-column-end: 2;
@@ -62,5 +57,6 @@
     #main #sidebar-content {
         grid-column-start: 2;
         grid-column-end: 3;
+        padding: 1em 0 0 0;
     }
 }
diff --git a/uploader/static/css/layout-medium.css b/uploader/static/css/layout-medium.css
index f504073..2cca711 100644
--- a/uploader/static/css/layout-medium.css
+++ b/uploader/static/css/layout-medium.css
@@ -1,7 +1,3 @@
-* {
-    box-sizing: border-box;
-}
-
 @media screen and (width > 8in) and (max-width: 20in) {
     body {
         display: grid;
@@ -58,7 +54,7 @@
         grid-gap: 5px;
 
         /* Define layout for the children elements */
-        max-width: 70%;
+        max-width: 100%;
     }
 
     #main #sidebar-content {
diff --git a/uploader/static/css/layout-small.css b/uploader/static/css/layout-small.css
index cd32a71..80a3759 100644
--- a/uploader/static/css/layout-small.css
+++ b/uploader/static/css/layout-small.css
@@ -1,7 +1,3 @@
-* {
-    box-sizing: border-box;
-}
-
 @media screen and (max-width: 8in) {
     body {
         display: grid;
@@ -60,7 +56,5 @@
     #main #sidebar-content {
         grid-row-start: 3;
         grid-row-end: 4;
-
-        background: #E5E5FF;
     }
 }
diff --git a/uploader/static/css/theme.css b/uploader/static/css/theme.css
index 09e5a52..2acce5f 100644
--- a/uploader/static/css/theme.css
+++ b/uploader/static/css/theme.css
@@ -3,7 +3,6 @@ body {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-style: normal;
     font-size: 20px;
-    background: black;
 }
 
 #header {
@@ -25,23 +24,20 @@ body {
 }
 
 #main #breadcrumbs {
-    background: #eaeaea;
     border-radius:3px;
     text-align: center;
 }
 
 #main #main-content {
-    background: #e5e5ff;
-
     border-radius: 5px;
     padding: 0 5px;
 }
 
 #main #sidebar-content {
-    background: red;
+    background: #EEEEEE;
 
     border-radius: 5px;
-    padding: 0 5px;
+    padding: 10px 5px;
 }
 
 #main .row {
diff --git a/uploader/static/js/populations.js b/uploader/static/js/populations.js
index 89ededa..111ebb7 100644
--- a/uploader/static/js/populations.js
+++ b/uploader/static/js/populations.js
@@ -22,7 +22,7 @@ $(() => {
         {
             select: "single",
             paging: true,
-            scrollY: 700,
+            scrollY: 500,
             deferRender: true,
             scroller: true,
             scrollCollapse: true,
diff --git a/uploader/static/js/species.js b/uploader/static/js/species.js
index d42e081..fb0d2d2 100644
--- a/uploader/static/js/species.js
+++ b/uploader/static/js/species.js
@@ -20,7 +20,7 @@ $(() => {
         {
             select: "single",
             paging: true,
-            scrollY: 700,
+            scrollY: 500,
             deferRender: true,
             scroller: true,
             scrollCollapse: true,