- Fix the About page template + Caps widget CSS

app/views/about.tpl

@@ -1,14 +1,10 @@
-<?php /* -*- mode: html -*- */
-?>
+<main>
+    <section>
+        <div>
+            <?php $this->widget('Tabs');?>
 
-<div id="main">
-    <div id="left">
-    </div>
-
-    <?php $this->widget('Tabs');?>
-
-    <div id="center">
-        <?php $this->widget('About');?>
-        <?php $this->widget('Caps');?>
-    </div>
-</div>
+            <?php $this->widget('About');?>
+            <?php $this->widget('Caps');?>
+        </div>
+    </section>
+</main>

app/widgets/Caps/caps.css

@@ -3,6 +3,8 @@
     display: block;
     
     overflow: auto;
+
+    font-size: 2rem;
 }
 
 #caps_widget table tr:not(:first-child):hover{
@@ -50,6 +52,10 @@
     color: white;
 }
 
-body {
-    padding-right: 0;
+#caps_widget table td {
+    padding: 0 0.5rem;
+}
+
+main > section > div > * {
+    max-width: calc(100% - 4rem);
 }

app/widgets/Caps/caps.tpl

@@ -1,5 +1,5 @@
 <div id="caps_widget" class="tabelem paddedtop" title="Capabilities">
-    <h1><i class="fa fa-check-square"></i> Capabilities</h1>
+    <h1>Capabilities</h1>
 
     <h2>Legend</h2>
     <table>