Fix bug: .icon + .left/.right

src/stylesheets/Lungo.layout.nav.less

@@ -35,35 +35,39 @@ header nav, footer nav {
             left: -12px;
             margin-right: -20px;
         }
-
     }
+}
+
+nav.groupbar {
+    position: absolute;
+    top: @header-footer-height;
+    height: @header_groupbar_height;
+    display: block;
+    width: 100%;
+    z-index: 2;
 
-    &.groupbar {
-        position: absolute;
-        top: @header-footer-height;
-        height: @header_groupbar_height;
+    line-height: @header_groupbar_height;
+
+    & a {
+        padding: 0px;
+        margin: 0px;
+        font-weight: bold;
+        height: @header_groupbar_height !important;
         display: block;
-        width: 100%;
-        z-index: 2;
-
-        line-height: @header_groupbar_height;
-
-        & a {
-            padding: 0px;
-            margin: 0px;
-            font-weight: bold;
-            height: @header_groupbar_height;
-            & .icon {
-                font-size: 1.0em;
-            }
-            & .bubble {
-                top: -6px;
-                left: 0px;
-            }
+        float: left;
+        text-align: center;
+        & .icon {
+            font-size: 1.0em;
+            margin-right: 2px;
+        }
+        & .bubble {
+            top: -6px;
+            left: 0px;
         }
     }
 }
 
+
 header nav {
     &.button a {
         margin: 5px 5px 5px 0;

src/stylesheets/Lungo.widgets.less

@@ -31,8 +31,11 @@
     & > * { -webkit-transform: translate3d(0, 0, 0); }
 }
 
-.left { float: left; }
-.right { float: right;}
+:not(.icon) {
+    &.left { float: left; }
+    &.right { float: right;}
+}
+
 
 .hidden { display: none; }
 .indented > * { margin: 10px; }

src/stylesheets/css/Lungo.layout.nav.css

@@ -42,8 +42,7 @@ footer nav a .bubble {
   left: -12px;
   margin-right: -20px;
 }
-header nav.groupbar,
-footer nav.groupbar {
+nav.groupbar {
   position: absolute;
   top: 44px;
   height: 30px;
@@ -52,19 +51,20 @@ footer nav.groupbar {
   z-index: 2;
   line-height: 30px;
 }
-header nav.groupbar a,
-footer nav.groupbar a {
+nav.groupbar a {
   padding: 0px;
   margin: 0px;
   font-weight: bold;
-  height: 30px;
+  height: 30px !important;
+  display: block;
+  float: left;
+  text-align: center;
 }
-header nav.groupbar a .icon,
-footer nav.groupbar a .icon {
+nav.groupbar a .icon {
   font-size: 1.0em;
+  margin-right: 2px;
 }
-header nav.groupbar a .bubble,
-footer nav.groupbar a .bubble {
+nav.groupbar a .bubble {
   top: -6px;
   left: 0px;
 }

src/stylesheets/css/Lungo.widgets.css

@@ -29,10 +29,10 @@
 .scroll  > * {
   -webkit-transform: translate3d(0, 0, 0);
 }
-.left {
+:not(.icon).left {
   float: left;
 }
-.right {
+:not(.icon).right {
   float: right;
 }
 .hidden {