From 57dc910bc54294cdc7ae78963fecbc9a41a7c8e8 Mon Sep 17 00:00:00 2001
From: Colin McLeod <colin@roaminsight.com>
Date: Tue, 2 Jun 2015 21:52:11 -0700
Subject: [PATCH] Use column for builds menu

---
 app/less/header.less   | 9 +++++----
 app/views/_header.html | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/less/header.less b/app/less/header.less
index 45b741a4..1a17fae8 100755
--- a/app/less/header.less
+++ b/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;
   }
diff --git a/app/views/_header.html b/app/views/_header.html
index c5a2f809..5b2f3b3c 100755
--- a/app/views/_header.html
+++ b/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>