remove bottom large margin and make footer side to side

Author: emad-elsaid

templates/layout.html

@@ -13,40 +13,39 @@
 
     {{ template "commands" . }}
 
-    <div class="container is-max-desktop px-3" dir="auto" style="margin-bottom: 50vh;">
+    <div class="container is-max-desktop px-3" dir="auto">
       {{ template "title" . }}
       <div class="content">
         {{ end }}
         {{define "footer" }}
       </div>
+    </div>
 
+    {{ if .page }}
+    <footer class="mt-6 p-3 py-5">
+      <hr/>
 
-      {{ if .page }}
-      <footer class="mt-6 p-3 py-5">
-        <hr/>
-
-        <nav class="breadcrumb has-bullet-separator">
-          <ul>
-            {{ range $i, $a := links .page }}
+      <nav class="breadcrumb has-bullet-separator">
+        <ul>
+          {{ range $i, $a := links .page }}
 
-            <li>
-              <a href="{{.Link}}" class="icon-text has-text-grey-dark">
-                <span class="icon">
-                  {{ $icon := .Icon }}
-                  {{ if isFontAwesome $icon }} <i class="{{.Icon}}"></i> {{ else }} {{ $icon }} {{ end }}
-                </span>
-                <span>{{.Name}}</span>
-              </a>
-            </li>
+          <li>
+            <a href="{{.Link}}" class="icon-text has-text-grey-dark">
+              <span class="icon">
+                {{ $icon := .Icon }}
+                {{ if isFontAwesome $icon }} <i class="{{.Icon}}"></i> {{ else }} {{ $icon }} {{ end }}
+              </span>
+              <span>{{.Name}}</span>
+            </a>
+          </li>
 
-            {{ end }}
-          </ul>
-        </nav>
+          {{ end }}
+        </ul>
+      </nav>
 
-      </footer>
-      {{ end }}
+    </footer>
+    {{ end }}
 
-    </div>
   </body>
 </html>
 {{ end }}