From 62c7ec75110220255ca492ea1925ec9b510f193e Mon Sep 17 00:00:00 2001
From: Quentin Duchemin <quentinduchemin@tuta.io>
Date: Thu, 27 May 2021 02:33:35 +0200
Subject: [PATCH] Put icons into a level to keep horizontal layout on mobile
 devices

---
 themes/chosto/layouts/partials/navbar.html | 42 ++++++++++++----------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/themes/chosto/layouts/partials/navbar.html b/themes/chosto/layouts/partials/navbar.html
index ab5bb58..3ddf549 100644
--- a/themes/chosto/layouts/partials/navbar.html
+++ b/themes/chosto/layouts/partials/navbar.html
@@ -5,8 +5,8 @@
       {{ $image := resources.Get "img/logo.jpg" }}
 
       {{ with $image }}
-        {{ $imageResized := $image.Resize "64x" }}
-        {{ $imageURL = $imageResized.Permalink }}
+      {{ $imageResized := $image.Resize "64x" }}
+      {{ $imageURL = $imageResized.Permalink }}
       {{ end }}
       <img src="{{ $imageURL }}">
     </a>
@@ -73,22 +73,28 @@
       <a class="navbar-item {{ if $currentPage.IsMenuCurrent $menuName . }}is-active is-tab{{ end }}" href="{{ .URL }}">{{ .Name }}</a>
       {{ end }}
       {{ end }}
+      {{ end }}
+    </div>
     {{ end }}
-  </div>
-    {{ end }}
-  <div class="navbar-end ml-0 mr-4">
-    <!-- Each item should have a corresponding assets/img/x.png and link in config.yaml -->
-    {{ range (slice "github" "mastodon" "gitea" "mail" "funkwhale" )}}
-      {{ $imageName := . }}
-      <!-- Get image and resize to logo size -->
-      {{ $imagePath := printf "img/%s.png" $imageName }}
-      {{ $image := resources.Get $imagePath }}
-      {{ $imageResized := $image.Resize "64x" }}
-      <!-- Get logo link in site params (index allows to use a dynamic parameter name) -->
-      <a class="navbar-item" href="{{ index $.Site.Params $imageName }}">
-        <img src="{{ $imageResized.Permalink }}">
-      </a>
-    {{ end }}
-  </div>
+    <div class="navbar-end ml-0 mr-4">
+      <div class="level">
+        <div class="level-left">
+          <div class="level-item">
+            <!-- Each item should have a corresponding assets/img/x.png and link in config.yaml -->
+            {{ range (slice "github" "mastodon" "gitea" "mail" "funkwhale" )}}
+            {{ $imageName := . }}
+            <!-- Get image and resize to logo size -->
+            {{ $imagePath := printf "img/%s.png" $imageName }}
+            {{ $image := resources.Get $imagePath }}
+            {{ $imageResized := $image.Resize "64x" }}
+            <!-- Get logo link in site params (index allows to use a dynamic parameter name) -->
+            <a class="navbar-item" href="{{ index $.Site.Params $imageName }}">
+              <img src="{{ $imageResized.Permalink }}">
+            </a>
+            {{ end }}
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </nav>