Merge pull request #1254 from rylev/comparison-tweaks

Comparison page table tweaks and fixes

Author: rylev

site/static/compare.html

@@ -219,8 +219,7 @@
         }
 
         .benches th {
-            text-align: left;
-            word-break: break-word;
+            text-align: center;
             width: 25%;
             min-width: 50px;
         }
@@ -554,14 +553,18 @@ <h2>Comparing <span id="stat-header">{{stat}}</span> between <span id="before">{
                 :cases="testCases.filter(c => c.category === 'primary')"
                 :show-raw-data="showRawData"
                 :commit-a="data.a.commit"
-                :commit-b="data.b.commit"></test-cases-table>
+                :commit-b="data.b.commit"
+                :before="before"
+                :after="after"></test-cases-table>
             <hr />
             <test-cases-table
                 title="Secondary"
                 :cases="testCases.filter(c => c.category === 'secondary')"
                 :show-raw-data="showRawData"
                 :commit-a="data.a.commit"
-                :commit-b="data.b.commit"></test-cases-table>
+                :commit-b="data.b.commit"
+                :before="before"
+                :after="after"></test-cases-table>
             <br />
             <hr />
             <div>
@@ -631,7 +634,7 @@ <h2>Comparing <span id="stat-header">{{stat}}</span> between <span id="before">{
             }
         });
         Vue.component('test-cases-table', {
-            props: ['cases', 'showRawData', 'commitA', 'commitB', 'title'],
+            props: ['cases', 'showRawData', 'commitA', 'commitB', 'before', 'after', 'title'],
             methods: {
                 detailedQueryLink(commit, testCase) {
                     return `/detailed-query.html?commit=${commit}&benchmark=${testCase.benchmark + "-" + testCase.profile}&scenario=${testCase.scenario}`;
@@ -664,8 +667,8 @@ <h2>Comparing <span id="stat-header">{{stat}}</span> between <span id="before">{
                     </span>
                 </span>
             </th>
-            <th v-if="showRawData">{{before}}</th>
-            <th v-if="showRawData">{{after}}</th>
+            <th v-if="showRawData">{{ before }}</th>
+            <th v-if="showRawData">{{ after }}</th>
         </tr>
     </thead>
     <tbody>