M assets/styles/style.css → assets/styles/style.css

@@ -316,6 +316,10 @@ .card-footer .action:first-child {
     margin-left: 0;
 }
 
+.badge-container {
+    border-collapse: collapse;
+}
+
 .badge {
     vertical-align: middle;
     margin: 0 8px;
@@ -333,10 +337,7 @@ width: 46px;
     text-align: center;
     color: black;
     background: silver;
-    display: inline-block;
     padding: 1px;
-    padding-bottom: 4px;
-    margin-bottom: 4px; 
 }
 
 .badge-label {

M templates/_project.mustache → templates/_project.mustache

@@ -5,9 +5,12 @@ <a href="{{home}}">
           {{code}}
         </a>
         {{#conver}}
-        <div class="badge badge-conver">
-          <div class="badge-content badge-label">ConVer</div><div class="badge-content badge-{{stage}}">v{{version}}</div>
-        </div>
+        &nbsp;&nbsp;
+        <table class="badge-container">
+          <tr class="badge badge-conver">
+            <td class="badge-content badge-label">ConVer</td><td class="badge-content badge-{{stage}}">v{{version}}</td>
+          </tr>
+        </table>
         {{/conver}}
       </div>
     </div>