From 8fafdb3ddef2fca8a1c68ed4e04989e7346cdae6 Mon Sep 17 00:00:00 2001
From: Adrien <me@adrien.run>
Date: Sat, 22 Apr 2023 17:06:02 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=EF=B8=8F=20Replace=20hope-ui=20based?=
 =?UTF-8?q?=20IconHamburgerMenu=20with=20a=20custom=20one?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/extra/iconHamburgerMenu.tsx | 31 +++++++++++-------------
 frontend/src/passagesDisplay.scss        | 16 ++++++++----
 2 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/frontend/src/extra/iconHamburgerMenu.tsx b/frontend/src/extra/iconHamburgerMenu.tsx
index ee51b6c..a00a97f 100644
--- a/frontend/src/extra/iconHamburgerMenu.tsx
+++ b/frontend/src/extra/iconHamburgerMenu.tsx
@@ -1,19 +1,16 @@
-import { createIcon } from "@hope-ui/solid";
+import { VoidComponent } from "solid-js";
 
-
-// From https://github.com/hope-ui/hope-ui/blob/main/apps/docs/src/icons/IconHamburgerMenu.tsx
-
-export const IconHamburgerMenu = createIcon({
-	viewBox: "0 0 15 15",
-	path: () => (
-		<path
-			d="M1.5 3C1.22386 3 1 3.22386 1 3.5C1 3.77614 1.22386 4 1.5 4H13.5C13.7761 4 14 3.77614 14 3.5C14 3.22386
-	13.7761 3 13.5 3H1.5ZM1 7.5C1 7.22386 1.22386 7 1.5 7H13.5C13.7761 7 14 7.22386 14 7.5C14 7.77614 13.7761 8 13.5
-	8H1.5C1.22386 8 1 7.77614 1 7.5ZM1 11.5C1 11.2239 1.22386 11 1.5 11H13.5C13.7761 11 14 11.2239 14 11.5C14 11.7761
-	13.7761 12 13.5 12H1.5C1.22386 12 1 11.7761 1 11.5Z"
-		fill="currentColor"
-		fill-rule="evenodd"
-		clip-rule="evenodd"
+// Inspired by https://github.com/hope-ui/hope-ui/blob/main/apps/docs/src/icons/IconHamburgerMenu.tsx
+export const IconHamburgerMenu: VoidComponent<{}> = () => {
+	return (
+		<svg class="iconHamburgerMenu" viewBox="0 0 15 15">
+			<path d="M1.5 3C1.22386 3 1 3.22386 1 3.5C1 3.77614 1.22386 4 1.5 4H13.5C13.7761 4 14 3.77614 14 3.5C14 3.22386
+13.7761 3 13.5 3H1.5ZM1 7.5C1 7.22386 1.22386 7 1.5 7H13.5C13.7761 7 14 7.22386 14 7.5C14 7.77614 13.7761 8 13.5
+8H1.5C1.22386 8 1 7.77614 1 7.5ZM1 11.5C1 11.2239 1.22386 11 1.5 11H13.5C13.7761 11 14 11.2239 14 11.5C14 11.7761
+13.7761 12 13.5 12H1.5C1.22386 12 1 11.7761 1 11.5Z"
+				fill="currentColor"
+				fill-rule="evenodd"
+				clip-rule="evenodd"
 			/>
-	),
-});
+		</svg>);
+}
diff --git a/frontend/src/passagesDisplay.scss b/frontend/src/passagesDisplay.scss
index 2fc8d35..e36d3a7 100644
--- a/frontend/src/passagesDisplay.scss
+++ b/frontend/src/passagesDisplay.scss
@@ -21,18 +21,24 @@
 		}
 
 		.menu {
+			aspect-ratio: 0.75;
 			height: $header-element-height;
-			aspect-ratio: 1;
+
 			margin-right: calc(30/1920*100%);
 			margin-left: auto;
+			border: $component-border;
+			border-radius: $component-border-radius;
 
 			button {
 				height: 100%;
-				aspect-ratio: 1;
 
-				background-color: var(--idfm-black);
-				border: $component-border;
-				border-radius: $component-border-radius;
+				border: 0;
+				color: var(--idfm-white);
+				background-color: transparent;
+
+				.iconHamburgerMenu {
+					width: 75%;
+				}
 			}
 		}