main nav: hide icons on large screens & same width for all elements

diff --git a/panikweb_templates/static/css/specifics.css b/panikweb_templates/static/css/specifics.css
index 4c5655c9f025cbd907bee3e3e0f96db3066e7bb7..51934f2fd8db60d8467cfde7337e794a540a9165 100644 (file)
--- a/panikweb_templates/static/css/specifics.css
+++ b/panikweb_templates/static/css/specifics.css
@@ -229,23 +229,30 @@ body{
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow:hidden;
+       width: 16%;
 }
 #metaNav ul li a{
        height: 2em;
        display:block !important;
        color:white;
 }
+
 #metaNav ul li a span{
        padding:0.5em 0;
        display:inline-block;
 }
 
+#metaNav ul li a span.nav-icon {
+       display: none;
+}
+
 #metaNav .active, #metaNav a:focus, #metaNav a:hover{
        background:#0000ff !important;
        font-weight:normal;
 }
-@media screen and (max-width:500px){
+@media screen and (max-width:600px){
        #metaNav .iconLabel {display:none;}
+       #metaNav ul li a span.nav-icon { display: inline-block; }
 }
 
 #Footer{