Improve font size responsiveness, add ship size

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 () {

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;

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();

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">Size</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 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>