html/template.html: fix nav.menu CSS

Author: erdnaxe

src/html/template.html

@@ -35,13 +35,15 @@
   font-size: 50%;
 }
 nav.menu {
-  line-height: 2
+  margin: 1rem 0;
 }
 nav.menu a {
-  display: block-inline;
-  border-radius: 5px;
+  display: inline-block;
+  border-radius: 3px;
   border: solid 1px #ccc;
-  padding: 3pt;
+  padding: 0.3rem;
+  margin: 0.1rem;
+  text-decoration: none;
 }
 .bitfield td.separated {
   background-color:#eee;
@@ -86,11 +88,6 @@
       </div>
     </div>
   </div>
-  <div class="row">
-    <div class="col-sm-1"></div>
-    <div class="col-sm-9">
-    </div>
-  </div>
   <nav class="menu">
     {% for peripheral in device.peripherals %}
       <a href="#{{ peripheral.name }}">{{ peripheral.name }}</a>