Fixed behaviour in firefox/safari

stylesheets/stylesheet.css

@@ -188,6 +188,10 @@ h1, h2, h3, h4, h5, h6 {
     display: block;
   }
 
+  .rightborder {
+    border: none;
+  }
+
   .left-nav, .right-nav {
     width: 100%;
     display: none;
@@ -199,12 +203,15 @@ h1, h2, h3, h4, h5, h6 {
     
     justify-content: stretch;
     align-content: flex-start;
+    padding-left: 1em;
     flex-wrap: wrap;
   }
 
-  .left-nav ul li {
+  .left-nav ul li, .right-nav ul li {
     padding-right: 0;
-    margin-right: -1em;
+    padding-left: 0;
+
+    width: 100%;
   }
 
   .code {

templates/helpers.html

@@ -32,9 +32,9 @@
         </ul>
     </div>
 
-    <div class="right-nav" id="right-nav">
+    <div class="right-nav btn-orange code" id="right-nav">
         <ul>
-            <li class="btn-orange code">
+            <li>
                 <a href="{{ link }}"><i class="fa fa-gitlab" aria-hidden="true"></i> Code</a>
             </li>
         </ul>