Use column for builds menu

app/less/header.less

@@ -44,7 +44,7 @@ header {
   .menu-list {
     font-family: @fStandard;
     position: absolute;
-    padding: 1em 1em;
+    padding: 0.5em 1em;
     box-sizing: border-box;
     min-width: 100%;
     overflow-x: hidden;
@@ -56,16 +56,17 @@ header {
     max-height: 400px;
 
     &.dbl {
-      width: 22em;
+      -webkit-column-count: 2; /* Chrome, Safari, Opera */
+      -moz-column-count: 2; /* Firefox */
+      column-count: 2;
       ul {
-        float: left;
         width: 10em;
       }
     }
   }
 
   ul {
-    margin: 0 0 0.5em 0;
+    margin: 0 0 0.5em;
     padding: 0;
     line-height: 1.3em;
   }

app/views/_header.html

@@ -15,7 +15,7 @@
       <svg class="icon warning" ng-class="{'warning-disabled': !bs.hasBuilds}"><use xlink:href="#hammer"></use></svg> Builds
     </div>
     <div class="menu-list dbl" ng-if="openedMenu=='b'" ng-click="$event.stopPropagation();">
-      <ul class="l" ng-repeat="shipId in buildsList">
+      <ul ng-repeat="shipId in buildsList">
         {{ships[shipId].properties.name}}
         <li ng-repeat="(name, build) in allBuilds[shipId]">
           <a ui-sref-active="active" class="name" ui-sref="outfit({shipId:shipId, code:build, bn:name})" ng-bind="name"></a>