Align numeric columns to right in compare table

Author: Kobzol

site/static/compare.html

@@ -206,11 +206,11 @@
             height: 10px;
         }
 
-        #content td {
+        #bootstrap th {
             text-align: center;
         }
 
-        #bootstrap th {
+        #bootstrap td {
             text-align: center;
         }
 
@@ -227,10 +227,13 @@
             width: 25%;
             min-width: 50px;
         }
-
-        .benches th+td {
+        .benches td {
+            text-align: center;
             width: 25%;
         }
+        .benches td.numeric {
+            text-align: right;
+        }
 
         .benchmark-name {
             text-align: center;
@@ -1043,22 +1046,22 @@ <h2>Comparing <span id="stat-header">{{stat}}</span> between <span id="before">{
                 <td>{{ testCase.benchmark }}</td>
                 <td>{{ testCase.profile }}</td>
                 <td>{{ testCase.scenario }}</td>
-                <td>
+                <td class="numeric">
                     <a v-bind:href="percentLink(commitB, commitA, testCase)">
                         <span v-bind:class="percentClass(testCase.percent)">
                             {{ testCase.percent.toFixed(2) }}%{{testCase.isDodgy ? "?" : ""}}
                         </span>
                     </a>
                 </td>
-                <td>
+                <td class="numeric">
                     {{ testCase.significanceFactor ? testCase.significanceFactor.toFixed(2) + "x" : "-" }}
                 </td>
-                <td v-if="showRawData">
+                <td v-if="showRawData" class="numeric">
                   <a v-bind:href="detailedQueryLink(commitA, testCase)">
                     <abbr :title="testCase.datumA">{{ testCase.datumA.toFixed(2) }}</abbr>
                   </a>
                 </td>
-                <td v-if="showRawData">
+                <td v-if="showRawData" class="numeric">
                   <a v-bind:href="detailedQueryLink(commitB, testCase)">
                     <abbr :title="testCase.datumB">{{ testCase.datumB.toFixed(2) }}</abbr>
                   </a>