Added more info to CPU page; removed vendorId call for GPU page; added table to CPU and GPU pages

assets/coffee/gpu.coffee

@@ -22,6 +22,7 @@ loadGpus = () ->
         optionElem.setAttribute('value', i)
         document.getElementById('gpuSelector').appendChild(optionElem)
         i++
+        console.log(data)
     ).catch((error) ->
       console.error(error)
     )
@@ -31,7 +32,6 @@ updateGpuInfo = (gpuId = 0) ->
     .then((data) ->
       document.getElementById('gpuInfo').innerText = data.controllers[gpuId].model
       document.getElementById('gpuVendor').innerText = data.controllers[gpuId].vendor
-      document.getElementById('gpuVendorId').innerText = data.controllers[gpuId].vendorId
       document.getElementById('gpuVram').innerText = data.controllers[gpuId].vram + 'MB'
       document.getElementById('gpuBus').innerText = data.controllers[gpuId].bus
     ).catch((error) ->

assets/sass/sentry.sass

@@ -1,5 +1,6 @@
 body
   background: white
+  font-size: 18px
 
 a
   color: cornflowerblue
@@ -21,6 +22,9 @@ button
     background-color: darken(cornflowerblue, 10%)
     color: white
 
+.faded-text
+  color: #999
+
 .u-text-center
   text-align: center
 
@@ -40,6 +44,17 @@ button
     font-size: 2.5rem
     text-decoration: none
 
+table.hardware-info
+  border-spacing: 0
+  padding: 8px
+  border: 1px solid #999
+  td
+    border: none
+  td:not(:nth-child(2))
+    border-right: 1px solid #bbb
+  tr:not(:last-child) td
+    border-bottom: 1px solid #bbb
+
 .tempGauge
   position: relative
   box-sizing: border-box
@@ -73,6 +88,7 @@ button
   padding-top: 25px
   padding-bottom: 25px
   border-top: 1px solid #999
+  font-size: 16px
 
   .row
     position: relative

assets/twig/cpu.twig

@@ -15,7 +15,7 @@
 <section class="row">
   <article class="columns eight">
     <h5>CPU Model: <span id="cpuInfo">Random CPU</span></h5>
-    <table>
+    <table class="hardware-info">
       <tbody>
         <tr>
           <td>Physical cores</td>

assets/twig/gpu.twig

@@ -15,9 +15,22 @@
 
 <section class="row">
   <h5>GPU Model: <span id="gpuInfo">Random GPU</span></h5>
-  <p>Vendor: <span id="gpuVendor">N/a</span></p>
-  <p>GPU Memory: <span id="gpuVram">N/a</span></p>
-  <p>Bus: <span id="gpuBus">N/a</span></p>
+  <table class="hardware-info">
+    <tbody>
+      <tr>
+        <td>GPU vendor</td>
+        <td><span id="gpuVendor">N/a</span></td>
+      </tr>
+      <tr>
+        <td>GPU memory</td>
+        <td><span id="gpuVram">N/a</span></td>
+      </tr>
+      <tr>
+        <td>Bus</td>
+        <td><span id="gpuBus">N/a</span></td>
+      </tr>
+    </tbody>
+  </table>
 </section>
 
 <section class="row">