From 836c4c22305427fa6a5459da667d71a50492af4f Mon Sep 17 00:00:00 2001
From: Tilmann Singer <tils@tils.net>
Date: Sun, 19 Jan 2025 17:13:41 +0100
Subject: [PATCH 1/3] Use flex-grow for the title in topnav

Now other elements are pushed to the left or right edge, allowing more
elements to be added directly to the topnav element.
---
 static/galene.css  | 5 +----
 static/galene.html | 8 +++-----
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/static/galene.css b/static/galene.css
index 0f569189..f21bd405 100644
--- a/static/galene.css
+++ b/static/galene.css
@@ -128,7 +128,6 @@
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: justify;
-    justify-content: space-between;
     background: #610a86;
 }
 .navbar {
@@ -690,7 +689,7 @@ textarea.form-reply {
 }
 
 #title {
-    text-align: center;
+    flex-grow: 1;
 }
 
 h1 {
@@ -1086,8 +1085,6 @@ legend {
 }
 
 header .collapse {
-    float: left;
-    text-align: center;
     cursor: pointer;
     font-size: 20px;
     color: #dbd9d9;
diff --git a/static/galene.html b/static/galene.html
index d76c09ec..ed1dbd61 100644
--- a/static/galene.html
+++ b/static/galene.html
@@ -28,12 +28,10 @@
         <div class="container">
           <header>
             <nav class="topnav navbar navbar-expand navbar-light fixed-top">
-              <div id="header">
-                <div class="collapse" title="Collapse left panel" id="sidebarCollapse">
-                  <i class="fas fa-align-left" aria-hidden="true"></i>
-                </div>
-                <h1 id="title" class="header-title">Galène</h1>
+              <div class="collapse" title="Collapse left panel" id="sidebarCollapse">
+                <i class="fas fa-align-left" aria-hidden="true"></i>
               </div>
+              <h1 id="title" class="header-title">Galène</h1>
 
               <ul class="nav-menu">
                 <li>

From f5d96f3b47ea67d10fc28982ee53f980ba66e969 Mon Sep 17 00:00:00 2001
From: Tilmann Singer <tils@tils.net>
Date: Sun, 19 Jan 2025 17:18:10 +0100
Subject: [PATCH 2/3] Use inline SVG for align-left icon in topnav

---
 static/galene.css  | 12 ++++++++----
 static/galene.html |  2 +-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/static/galene.css b/static/galene.css
index f21bd405..c061ace9 100644
--- a/static/galene.css
+++ b/static/galene.css
@@ -1086,14 +1086,18 @@ legend {
 
 header .collapse {
     cursor: pointer;
-    font-size: 20px;
-    color: #dbd9d9;
     margin-right: 20px;
     margin-left: 5px;
+    width: 18px;
+    height: 22px;
 }
 
-header .collapse:hover {
-    color: #c2a4e0;
+header .collapse svg {
+    fill: #dbd9d9;
+}
+
+header .collapse:hover svg {
+    fill: #c2a4e0;
 }
 
 .galene-header {
diff --git a/static/galene.html b/static/galene.html
index ed1dbd61..7a7f0166 100644
--- a/static/galene.html
+++ b/static/galene.html
@@ -29,7 +29,7 @@
           <header>
             <nav class="topnav navbar navbar-expand navbar-light fixed-top">
               <div class="collapse" title="Collapse left panel" id="sidebarCollapse">
-                <i class="fas fa-align-left" aria-hidden="true"></i>
+                <svg viewBox="0 0 448 512"><!-- !Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M288 64c0 17.7-14.3 32-32 32L32 96C14.3 96 0 81.7 0 64S14.3 32 32 32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32L32 352c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/></svg>
               </div>
               <h1 id="title" class="header-title">Galène</h1>
 

From d6458743220ba982f2745e6f506f4edab7202e2f Mon Sep 17 00:00:00 2001
From: Tilmann Singer <tils@tils.net>
Date: Sun, 19 Jan 2025 17:27:16 +0100
Subject: [PATCH 3/3] Use inline SVG for ellipsis-v icon in topnav

---
 static/galene.css  | 9 +++++++++
 static/galene.html | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/static/galene.css b/static/galene.css
index c061ace9..d69d1e9d 100644
--- a/static/galene.css
+++ b/static/galene.css
@@ -679,6 +679,15 @@ textarea.form-reply {
     margin-left: 0;
 }
 
+.nav-more svg {
+    height: 26px;
+    fill: #dbd9d9;
+}
+
+.nav-more:hover svg {
+    fill: #c2a4e0;
+}
+
 .header-title {
     float: left;
     margin: 0;
diff --git a/static/galene.html b/static/galene.html
index 7a7f0166..8e651575 100644
--- a/static/galene.html
+++ b/static/galene.html
@@ -58,7 +58,7 @@ <h1 id="title" class="header-title">Galène</h1>
                 </li>
                 <li>
                   <div class="nav-button nav-link nav-more" id="openside">
-                    <span><i class="fas fa-ellipsis-v" aria-hidden="true"></i></span>
+                    <svg viewBox="0 0 128 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z"/></svg>
                   </div>
                 </li>
               </ul>