Abstract away nav buttons. Add "Run" button to Nim code.

redesign/nimforum.scss

@@ -36,6 +36,22 @@ table th {
 $navbar-height: 60px;
 $logo-height: $navbar-height - 20px;
 
+.navbar-button {
+  border-color: $navbar-border-color-dark;
+  background-color: $navbar-primary-color;
+  color: $navbar-color;
+
+  &:focus {
+    box-shadow: none;
+  }
+
+  &:hover {
+    background-color: darken($navbar-primary-color, 20%);
+    color: $navbar-color;
+    border-color: $navbar-border-color-dark;
+  }
+}
+
 #main-navbar {
   background-color: $navbar-color;
 
@@ -44,17 +60,16 @@ $logo-height: $navbar-height - 20px;
   }
 
   // Unfortunately we must colour the controls in the navbar manually.
-  .form-input, .btn {
+  .form-input {
     border-color: $navbar-border-color-dark;
   }
 
-  .btn-primary {
+  .form-input:focus {
-    background-color: $navbar-primary-color;
+    box-shadow: none;
-    color: $navbar-color;
   }
 
-  .form-input:focus, .btn:focus {
+  .btn-primary {
-    box-shadow: none;
+    @extend .navbar-button;
   }
 
 }
@@ -264,4 +279,14 @@ blockquote {
     @extend .avatar;
     @extend .avatar-sm;
   }
+}
+
+.code-buttons {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+
+  .btn-primary {
+    margin-bottom: $control-padding-y;
+  }
 }

redesign/thread.html

@@ -140,7 +140,7 @@
               <pre class="code" data-lang="Nim"><code>proc hello(x: int) =
   echo("Hello ", x)
 
-42.hello()</code></pre>
+42.hello()</code><div class="code-buttons"><button class="btn btn-primary btn-sm">Run</button></div></pre>
 
 <p>The greatest function ever written is <code>hello</code>.</p>
 <blockquote>