From 28f8fd2192ae6ca828aa73b21d3cbb0840f2f030 Mon Sep 17 00:00:00 2001
From: Alfred Melch <dev@melch.pro>
Date: Sat, 10 Aug 2019 09:34:57 +0200
Subject: [PATCH] Style results table

---
 benchmarking/public/loadChart.html |  2 +-
 benchmarking/public/results.html   | 16 +++++++++-------
 benchmarking/src/results.js        |  2 +-
 3 files changed, 11 insertions(+), 9 deletions(-)
diff --git a/benchmarking/public/loadChart.html b/benchmarking/public/loadChart.html
index 43d5787..ff7fe52 100644
--- a/benchmarking/public/loadChart.html
+++ b/benchmarking/public/loadChart.html
@@ -55,7 +55,7 @@
   <body>
     <header>
       <h1>Load chart</h1>
-      <a href="../">Back to benchmark</a>
+      <a href="./index.html">Back to benchmark</a>
     </header>
     <main>
       <h2>File-drop</h2>
diff --git a/benchmarking/public/results.html b/benchmarking/public/results.html
index ce2950f..26c2832 100644
--- a/benchmarking/public/results.html
+++ b/benchmarking/public/results.html
@@ -18,6 +18,7 @@
       }
       td:first-child {
         white-space: nowrap;
+        padding: 4px 8px;
       }
       .characteristics {
         display: flex;
@@ -25,12 +26,13 @@
       .characteristics > span {
         flex: 1;
         display: block;
+        padding: 4px 8px;
         text-align: center;
         border-left: 1px solid black;
         border-right: 1px solid black;
       }
       .characteristics > span[active] {
-        background-color: greenyellow;
+        background-color: #87d241;
       }
       /* Charts */
       #chartRoot {
@@ -46,7 +48,7 @@
   <body>
     <header>
       <h1>Results</h1>
-      <a href="../">Back to benchmark</a>
+      <a href="./index.html">Back to benchmark</a>
     </header>
     <main>
       <h2>Select Case</h2>
@@ -59,7 +61,7 @@
       <h2>Dimensions</h2>
       <table>
         <tr>
-          <td>Device</td>
+          <td>Device:</td>
           <td>
             <div class="characteristics">
               <span>Desktop</span><span>Mobile</span>
@@ -67,7 +69,7 @@
           </td>
         </tr>
         <tr>
-          <td>Browser</td>
+          <td>Browser:</td>
           <td>
             <div class="characteristics">
               <span>Firefox</span>
@@ -78,7 +80,7 @@
           </td>
         </tr>
         <tr>
-          <td>Dataset</td>
+          <td>Dataset:</td>
           <td>
             <div class="characteristics">
               <span>Simplify.js example</span><span>Bavaria outline</span>
@@ -86,13 +88,13 @@
           </td>
         </tr>
         <tr>
-          <td>High Quality</td>
+          <td>High Quality:</td>
           <td>
             <div class="characteristics"><span>On</span> <span>Off</span></div>
           </td>
         </tr>
         <tr>
-          <td>Charts</td>
+          <td>Charts:</td>
           <td>
             <div class="characteristics">
               <span>Simplify.js vs. Simplify.wasm</span>
diff --git a/benchmarking/src/results.js b/benchmarking/src/results.js
index 70aa284..e05103f 100644
--- a/benchmarking/src/results.js
+++ b/benchmarking/src/results.js
@@ -22,7 +22,7 @@ const dimensionMap = {
   set1: [[0], [0, 1, 2], [0], [0, 1], [0]],
   set2: [[0], [2], [0], [0, 1], [1]],
   set3: [[0], [0, 3], [1], [0, 1], [0]],
-  set4: [[0], [0], [1], [0, 1], [2]]
+  set4: [[0], [0], [1], [0, 1], [0, 2]]
 }
 function setDimensions(set) {
   let map = dimensionMap[set]

Device	Device:	DesktopMobile @@ -67,7 +69,7 @@
Browser	Browser:	Firefox @@ -78,7 +80,7 @@
Dataset	Dataset:	Simplify.js exampleBavaria outline @@ -86,13 +88,13 @@
High Quality	High Quality:	On Off
Charts	Charts:	Simplify.js vs. Simplify.wasm diff --git a/benchmarking/src/results.js b/benchmarking/src/results.js index 70aa284..e05103f 100644 --- a/benchmarking/src/results.js +++ b/benchmarking/src/results.js @@ -22,7 +22,7 @@ const dimensionMap = { set1: [[0], [0, 1, 2], [0], [0, 1], [0]], set2: [[0], [2], [0], [0, 1], [1]], set3: [[0], [0, 3], [1], [0, 1], [0]], - set4: [[0], [0], [1], [0, 1], [2]] + set4: [[0], [0], [1], [0, 1], [0, 2]] } function setDimensions(set) { let map = dimensionMap[set]