From 89d3fd69e124c27d11401c90a3a6fee6d8ae150c Mon Sep 17 00:00:00 2001
From: Colin McLeod <colin@roaminsight.com>
Date: Tue, 30 Jun 2015 21:46:05 -0700
Subject: [PATCH] UI tweaks for mobile

---
 app/less/outfit.less       |  3 ---
 app/views/page-outfit.html | 54 ++++++++++++++++++++------------------
 2 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/app/less/outfit.less b/app/less/outfit.less
index cacebbdc..15c74690 100755
--- a/app/less/outfit.less
+++ b/app/less/outfit.less
@@ -247,9 +247,6 @@ table.total {
       &:nth-child(3) {
         display: none;
       }
-      &:nth-child(2) {
-        font-size: 0.7em;
-      }
     }
   });
 
diff --git a/app/views/page-outfit.html b/app/views/page-outfit.html
index 7f344b4e..be9af6b7 100644
--- a/app/views/page-outfit.html
+++ b/app/views/page-outfit.html
@@ -283,32 +283,34 @@
     </div>
 
     <div ng-if="costTab == 'retrofit'">
-      <table style="width:100%">
-        <thead>
-          <tr class="main">
-            <th colspan="2" class="sortable le" ng-click="sortRetrofit('sellName')">Sell</th>
-            <th colspan="2" class="sortable le" ng-click="sortRetrofit('buyName')">Buy</th>
-            <th class="sortable le" ng-click="sortRetrofit('netCost')">
-              Net Cost
-              <div class="r">
-                <u ng-if="discounts.components < 1">[{{fRPct(1 - discounts.components)}} off]</u>
-              </div>
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr class="disabled" ng-if="!retrofitList || retrofitList.length == 0">
-            <td colspan="5">No Retrofitting changes</td>
-          </tr>
-          <tr class="highlight" ng-repeat="item in retrofitList | orderBy:retroPredicate:retroDesc">
-            <td style="width:1em;">{{item.sellClassRating}}</td>
-            <td class="le shorten">{{item.sellName}}</td>
-            <td style="width:1em;">{{item.buyClassRating}}</td>
-            <td class="le shorten">{{item.buyName}}</td>
-            <td class="ri" ng-class="item.netCost > 0 ? 'warning' : 'secondary-disabled'">{{ fCrd(item.netCost)}} <u>CR</u></td>
-          </tr>
-        </tbody>
-      </table>
+      <div style="overflow-x: auto;-webkit-overflow-scrolling: touch;">
+        <table style="width:100%">
+          <thead>
+            <tr class="main">
+              <th colspan="2" class="sortable le" ng-click="sortRetrofit('sellName')">Sell</th>
+              <th colspan="2" class="sortable le" ng-click="sortRetrofit('buyName')">Buy</th>
+              <th class="sortable le" ng-click="sortRetrofit('netCost')">
+                Net Cost
+                <div class="r">
+                  <u ng-if="discounts.components < 1">[{{fRPct(1 - discounts.components)}} off]</u>
+                </div>
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr class="disabled" ng-if="!retrofitList || retrofitList.length == 0">
+              <td colspan="5">No Retrofitting changes</td>
+            </tr>
+            <tr class="highlight" ng-repeat="item in retrofitList | orderBy:retroPredicate:retroDesc">
+              <td style="width:1em;">{{item.sellClassRating}}</td>
+              <td class="le shorten">{{item.sellName}}</td>
+              <td style="width:1em;">{{item.buyClassRating}}</td>
+              <td class="le shorten">{{item.buyName}}</td>
+              <td class="ri" ng-class="item.netCost > 0 ? 'warning' : 'secondary-disabled'">{{ fCrd(item.netCost)}} <u>CR</u></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
       <table class="total">
         <tr class="ri">
           <td class="lbl">Cost</td>