Tweak CSS for gold links navbar

To handle a case where the window is smaller than expected and links
shift to a second row of content, adjust the CSS so that it can change
heights more dynamically for the content contained within.

Signed-off-by: Ben Shum <ben@evergreener.net>

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index aade957..46f54ee 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -213,8 +213,7 @@ for now until a better color is picked - if needed.
     font-size: [% css_fonts.size_small %];
     font-weight: bold;
     position: relative;
-    top:4px;
-    
+    overflow: auto;
 }
 
 #header-links a {
@@ -228,6 +227,8 @@ for now until a better color is picked - if needed.
     float:left;
     margin-right:22px;
     [%- END %]
+    margin-top: 4px;
+    margin-bottom: 6px;
 }
 
 #header-links a:hover {
@@ -275,7 +276,7 @@ for now until a better color is picked - if needed.
 }
 
 #gold-links-holder {
-    height: 24px;
+    height: auto;
     background-color: [% css_colors.background_invert %];
 }