From 013f5e037aa71a2bf3af7aa00d5fe4b670d04dc8 Mon Sep 17 00:00:00 2001
From: Colin McLeod <colin@roaminsight.com>
Date: Wed, 27 May 2015 01:47:21 -0700
Subject: [PATCH] Improve font size responsiveness, add ship size

---
 app/js/service-persist.js  |  1 -
 app/less/app.less          | 14 --------------
 app/less/outfit.less       |  9 +++++++++
 app/views/page-outfit.html | 15 +++++++++++----
 4 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/app/js/service-persist.js b/app/js/service-persist.js
index 62a3bc9d..4b4f4ff4 100755
--- a/app/js/service-persist.js
+++ b/app/js/service-persist.js
@@ -160,7 +160,6 @@ angular.module('app').service('Persist', ['$window','lodash', function ($window,
       localStorage.removeItem(LS_KEY_BUILDS);
       localStorage.removeItem(LS_KEY_COMPARISONS);
     }
-
   };
 
   this.getInsurance = function () {
diff --git a/app/less/app.less b/app/less/app.less
index 6f22d2ef..d1aded3f 100755
--- a/app/less/app.less
+++ b/app/less/app.less
@@ -35,20 +35,6 @@ div, a, li {
   -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 
-// iPads  Landscape
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
-  body {
-    font-size: 0.9em;
-  }
-}
-
-// iPads Portrait
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
-  body {
-    font-size: 0.9em;
-  }
-}
-
 #main {
   margin: 0;
   padding: 0.5em 0.25em;
diff --git a/app/less/outfit.less b/app/less/outfit.less
index 6ef57d5d..054b60a4 100755
--- a/app/less/outfit.less
+++ b/app/less/outfit.less
@@ -1,5 +1,14 @@
 
 #outfit {
+  font-size: 1.1em;
+
+  // iPads  Landscape
+  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
+    & {
+      font-size: 0.95em;
+    }
+  }
+
   width: 64em;
   margin: 0 auto;
   .user-select-none();
diff --git a/app/views/page-outfit.html b/app/views/page-outfit.html
index 97980737..6b5a5a23 100755
--- a/app/views/page-outfit.html
+++ b/app/views/page-outfit.html
@@ -1,7 +1,7 @@
 <div id="outfit">
 
   <div id="overview">
-    <h1 ng-bind="ship.name"></h1>
+  <h1 ng-bind="ship.name"></h1>
     <div id="build">
       <input ng-model="buildName" ng-change="bnChange()" placeholder="Enter Build Name" maxlength="50" />
       <button ng-click="saveBuild()" ng-disabled="!buildName || savedCode && code == savedCode || !canSave">
@@ -22,8 +22,15 @@
   <table id="summary">
     <thead>
       <tr class="main">
-        <th colspan="3">Maneouverability</th><th colspan="2">Mass</th><th rowspan="2">Cargo</th><th rowspan="2">Fuel</th>
-        <th rowspan="2">Armour</th><th rowspan="2">Shields</th><th colspan="2">Power</th><th colspan="2">Jump Range</th><th rowspan="2">Cost</th>
+        <th rowspan="2">Size</th>
+        <th colspan="3">Maneouverability</th>
+        <th colspan="2">Mass</th>
+        <th rowspan="2">Cargo</th>
+        <th rowspan="2">Fuel</th>
+        <th rowspan="2">Armour</th>
+        <th rowspan="2">Shields</th>
+        <th colspan="2">Power</th>
+        <th colspan="2">Jump Range</th>
       </tr>
       <tr>
         <th>Agility</th><th>Speed</th><th>Boost</th>
@@ -34,6 +41,7 @@
     </thead>
     <tbody>
       <tr>
+        <td ng-bind="SZ[ship.class]"></td>
         <td>{{ship.agility}}/10</td>
         <td>{{fRound(ship.speed)}} <u>m/s</u></td>
         <td>{{fRound(ship.boost)}} <u>m/s</u></td>
@@ -47,7 +55,6 @@
         <td>{{fPwr(ship.powerDeployed)}} <u>MW ({{fPct(ship.powerDeployed/ship.powerAvailable)}})</u></td>
         <td>{{fRound(ship.unladenJumpRange)}} <u>LY</u></td>
         <td>{{fRound(ship.ladenJumpRange)}} <u>LY</u></td>
-        <td>{{fCrd(ship.totalCost)}} <u>CR</u></td>
       </tr>
     </tbody>
   </table>