From 56c7f0f996a1ce760edb32171cb05ff53ab1c81a Mon Sep 17 00:00:00 2001
From: Jacob Korf <korfj921921@gmail.com>
Date: Wed, 18 Oct 2023 10:05:51 -0500
Subject: [PATCH] updated button css

---
 css/ucb-menu.css                          | 5 ++++-
 templates/navigation/menu--main.html.twig | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/css/ucb-menu.css b/css/ucb-menu.css
index 6e9ee713..6c6a3985 100644
--- a/css/ucb-menu.css
+++ b/css/ucb-menu.css
@@ -7,6 +7,9 @@
 }
 
 @media only screen and (max-width: 600px) {
+  .ucb-mobile-menu-button-div {
+    line-height: 2em;
+  }
   .ucb-primary-menu-region .ucb-primary-menu-region-container,
   .ucb-secondary-menu-region .ucb-secondary-menu-region-container {
     padding-left: 0;
@@ -35,7 +38,7 @@
   #example-toggle {
     display: block;
     max-width: 100px;
-    font-size: 20px;
+    font-size: 2em;
     margin-left: auto;
   }
   .ucb-menu,
diff --git a/templates/navigation/menu--main.html.twig b/templates/navigation/menu--main.html.twig
index 348e38ff..55da9b1c 100755
--- a/templates/navigation/menu--main.html.twig
+++ b/templates/navigation/menu--main.html.twig
@@ -39,7 +39,9 @@
     {% import _self as menus %}
     {% if items %} 
     <nav id = "ucb-main-menu-nav">
-    <button id="example-toggle" aria-label="Toggle example menu">☰</button>
+        <div class = "ucb-mobile-menu-button-div">
+            <button id="example-toggle" aria-label="Toggle example menu">☰</button>
+        </div>
         <ul id= "ucb-main-menu" {{ attributes.addClass('ucb-main-menu nav') }}>
             {% for item in items %}
                 {%