From 4b9a651c36d0f42eaaef50dbfb5519c0b9f29f08 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nu=C5=A1a=20Puk=C5=A1i=C4=8D?= <nusa.puksic@gmail.com>
Date: Wed, 4 Jun 2025 20:43:32 +0200
Subject: [PATCH] Hamburger

---
 assets/styles/layout.css              | 1 +
 templates/components/Header.html.twig | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/assets/styles/layout.css b/assets/styles/layout.css
index d362377..762310c 100644
--- a/assets/styles/layout.css
+++ b/assets/styles/layout.css
@@ -60,6 +60,7 @@ header {
 .hamburger {
     cursor: pointer;
     display: none; /* Hidden on desktop */
+    font-size: 26px;
 }
 
 .header__logo {
diff --git a/templates/components/Header.html.twig b/templates/components/Header.html.twig
index 27cb0d9..2b4b488 100644
--- a/templates/components/Header.html.twig
+++ b/templates/components/Header.html.twig
@@ -1,7 +1,7 @@
 <header class="header" data-controller="menu" {{ attributes }}>
     <div class="header__logo">
-        <h1 class="brand"><a href="/">Newsroom</a></h1>
-        <button class="hamburger" data-action="click->menu#toggle" aria-label="Menu">&#9776;</button>
+        <h1 class="brand"><a href="/">newsroom</a></h1>
+        <button class="hamburger btn btn-secondary" data-action="click->menu#toggle" aria-label="Menu">&#9776;</button>
     </div>
     <div class="header__categories"  data-menu-target="menu">
         <ul>