Right-align stuff

davorg · Jul 11, 2016 · be36b6a · be36b6a
1 parent bddb2eb
commit be36b6a
Showing 1 changed file with 24 additions and 24 deletions.
diff --git a/index.html b/index.html
@@ -61,38 +61,38 @@ <h1>Uber Fare Calculator</h1>
       <table class="table">
         <tr>
           <th>&nbsp;</th>
-          <th>UberX</th>
-          <th>UberXL</th>
-          <th>UberExec</th>
-          <th>UberLux</th>
+          <th class="text-right">UberX</th>
+          <th class="text-right">UberXL</th>
+          <th class="text-right">UberExec</th>
+          <th class="text-right">UberLux</th>
         </tr>
         <tr>
-          <th>Base cost</th>
-          <td>£<span id="X-Base" /></td>
-          <td>£<span id="XL-Base" /></td>
-          <td>£<span id="Ex-Base" /></td>
-          <td>£<span id="Lx-Base" /></td>
+          <th class="text-right">Base cost</th>
+          <td class="text-right">£<span id="X-Base" /></td>
+          <td class="text-right">£<span id="XL-Base" /></td>
+          <td class="text-right">£<span id="Ex-Base" /></td>
+          <td class="text-right">£<span id="Lx-Base" /></td>
         </tr>
         <tr>
-          <th>Mileage Cost</th>
-          <td>£<span id="X-Mile" /></td>
-          <td>£<span id="XL-Mile" /></td>
-          <td>£<span id="Ex-Mile" /></td>
-          <td>£<span id="Lx-Mile" /></td>
+          <th class="text-right">Mileage Cost</th>
+          <td class="text-right">£<span id="X-Mile" /></td>
+          <td class="text-right">£<span id="XL-Mile" /></td>
+          <td class="text-right">£<span id="Ex-Mile" /></td>
+          <td class="text-right">£<span id="Lx-Mile" /></td>
         </tr>
         <tr>
-          <th>Time Cost</th>
-          <td>£<span id="X-Time" /></td>
-          <td>£<span id="XL-Time" /></td>
-          <td>£<span id="Ex-Time" /></td>
-          <td>£<span id="Lx-Time" /></td>
+          <th class="text-right">Time Cost</th>
+          <td class="text-right">£<span id="X-Time" /></td>
+          <td class="text-right">£<span id="XL-Time" /></td>
+          <td class="text-right">£<span id="Ex-Time" /></td>
+          <td class="text-right">£<span id="Lx-Time" /></td>
         </tr>
         <tr>
-          <th>Total Cost</th>
-          <td>£<span id="X-Tot" /></td>
-          <td>£<span id="XL-Tot" /></td>
-          <td>£<span id="Ex-Tot" /></td>
-          <td>£<span id="Lx-Tot" /></td>
+          <th class="text-right">Total Cost</th>
+          <td class="text-right">£<span id="X-Tot" /></td>
+          <td class="text-right">£<span id="XL-Tot" /></td>
+          <td class="text-right">£<span id="Ex-Tot" /></td>
+          <td class="text-right">£<span id="Lx-Tot" /></td>
         </tr>
       </table>
     </div>