Symbol and responsive tweaks

app/less/outfit.less

@@ -43,6 +43,14 @@
   }
 }
 
+.flip {
+  display: inline-block;
+  -moz-transform: scaleX(-1);    /* Gecko */
+  -o-transform: scaleX(-1);      /* Operah */
+  -webkit-transform: scaleX(-1); /* webkit */
+  transform: scaleX(-1);         /* standard */
+}
+
 #build {
   float: right;
   line-height: 2em;
@@ -170,10 +178,8 @@ table.total {
     table tbody tr td {
       &:nth-child(4) {
         span {
-          display:inline;
-          padding:0;
-          margin:0;
-          font-size: 2em;
+          vertical-align: middle;
+          font-size: 1.6em;
         }
       }
     }
@@ -186,7 +192,7 @@ table.total {
       g.tick:nth-child(2n) text {
         display: none;
       }
-    } 
+    }
 
     table thead tr.main th {
       font-size: 0.8em;

app/views/page-comparison.html

@@ -31,7 +31,7 @@
     <td>
       <ul id="facet-container" as-sortable="facetSortOpts" ng-model="facets" class="sortable" update="tblUpdate">
         <li ng-repeat="(i,f) in facets" as-sortable-item class="facet" ng-class="{active: f.active}" ng-click="toggleFacet(i)">
-          <div as-sortable-item-handle>↔ <span ng-bind="f.title"></span></div>
+          <div as-sortable-item-handle>&#x2194; <span ng-bind="f.title"></span></div>
         </li>
       </ul>
     </td>

app/views/page-outfit.html

@@ -221,7 +221,7 @@
           <td style="width:1em;" ng-click="togglePwr(c)">{{c.c.class}}{{c.c.rating}}</td>
           <td class="le shorten" ng-click="togglePwr(c)" ng-bind="cName(c)"></td>
           <td ng-click="togglePwr(c)"><u  ng-bind="c.type"></u></td>
-          <td><span ng-click="decPriority(c)">&#9668;</span> {{c.priority + 1}} <span ng-click="incPriority(c)">&#9658;</span></td>
+          <td><span ng-click="decPriority(c)" class="flip">&#9658;</span> {{c.priority + 1}} <span ng-click="incPriority(c)">&#9658;</span></td>
           <td class="ri" style="width:3.25em;">{{fPwr(c.c.power)}}</td>
           <td class="ri" style="width:3em;"><u>{{f1Pct(c.c.power/ship.powerAvailable)}}</u></td>
           <td ng-if="!c.enabled" class="disabled" colspan="2">DISABLED</td>