From 430c2d455ed27f25c8b3a210c871ee572ba207fb Mon Sep 17 00:00:00 2001
From: Dmitry Petrov <dpetroff@gmail.com>
Date: Sun, 18 Jan 2026 00:14:03 +0100
Subject: [PATCH] fix vertical alignment for icons in the header

---
 cmd/web/client/html/header.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/cmd/web/client/html/header.html b/cmd/web/client/html/header.html
index cbddf8f..d498c4d 100644
--- a/cmd/web/client/html/header.html
+++ b/cmd/web/client/html/header.html
@@ -31,12 +31,12 @@
             <a class="navbar-brand" href="/">
               <img src="{{ static_asset "static/android-chrome-512x512.png" }}" alt="" width="50" height="50">
             </a>
-            <div class="d-lg-none">
+            <div class="d-lg-none d-flex align-items-center gap-2">
               {{ if .User.IsLoggedIn }}
-              <a class="fs-1 align-bottom" href="{{ link "write" }}"><i class="bi bi-pencil-square"></i></a>
+              <a class="fs-1" href="{{ link "write" }}"><i class="bi bi-pencil-square"></i></a>
               {{ end }}
               <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon align-text-bottom"></span>
+                <span class="navbar-toggler-icon"></span>
               </button>
             </div>
             <div data-controller="collapse" class="collapse navbar-collapse" id="navbarNavDropdown">