Fix styling for site-wide banner.

2 files changed, 6 insertions, 4 deletions

diff --git a/uploader/static/css/layout-large.css b/uploader/static/css/layout-large.css
index 8abd2dd..4471791 100644
--- a/uploader/static/css/layout-large.css
+++ b/uploader/static/css/layout-large.css
@@ -6,6 +6,8 @@
     }
 
     #header {
+        margin: -0.7em; /* Fill entire length of screen */
+
         /* Place it in the parent element */
         grid-column-start: 1;
         grid-column-end: 3;
@@ -28,6 +30,8 @@
         /* Place it in the parent element */
         grid-column-start: 2;
         grid-column-end: 3;
+
+        padding-right: 1em;
     }
 
     #main {
diff --git a/uploader/static/css/theme.css b/uploader/static/css/theme.css
index cd3d103..8d5ac35 100644
--- a/uploader/static/css/theme.css
+++ b/uploader/static/css/theme.css
@@ -8,16 +8,14 @@ body {
 #header {
     background-color: #336699;
     color: #FFFFFF;
-    border-radius: 3px;
     min-height: 30px;
+    border-bottom: solid black 1px;
 }
 
 #header #header-nav .nav li a {
     /* Content styling */
     color: #FFFFFF;
-    background: #4477AA;
-    border: solid 5px #336699;
-    border-radius: 5px;
+    vertical-align: top;
     font-size: 0.7em;
     text-align: center;
     padding: 1px 7px;