Minor changes to tum-live-menu ui

TUM-Dev · Jan 13, 2024 · 5e74a32 · 5e74a32
1 parent d6e1988
commit 5e74a32
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/web/template/home.gohtml b/web/template/home.gohtml
@@ -84,7 +84,7 @@
                             {{if or (eq $user.Role 1) (eq $user.Role 2) }}
                                 <a href="/admin"
                                    class="tum-live-menu-item">
-                                    <div style="width: 30px; display: flex; justify-content: center; align-items: center;">
+                                    <div style="width: 25px; display: flex; justify-content: center; align-items: center;">
                                         <i class="fa-solid fa-hammer mr-3"></i>
                                     </div>
                                     <p>Admin</p>
@@ -95,7 +95,7 @@
                                 <button type="button"
                                         class="tum-live-menu-item"
                                         @click="userContext.getChild('themePicker').toggle()">
-                                    <div style="width: 30px; display: flex; justify-content: center; align-items: center;">
+                                    <div style="width: 25px; display: flex; justify-content: center; align-items: center;">
                                         <i class="fa-regular fa-moon mr-3"></i>
                                     </div>
                                     <span>Theme</span>
@@ -106,7 +106,7 @@
                                     <template x-for="[modeId, mode] of Object.entries($store.theme.modes)"
                                               :key="modeId">
                                         <button type="button" tabindex="0"
-                                                class="text-left hover:bg-gray-100 dark:hover:bg-gray-800 py-2 px-4"
+                                                class="text-left hover:bg-gray-100 dark:hover:bg-gray-800 py-1 px-10"
                                                 :class="{'bg-gray-100 dark:bg-gray-800': modeId === $store.theme.activeTheme}"
                                                 @click="$store.theme.setTheme(modeId)"
                                                 x-text="mode.name">
@@ -116,7 +116,7 @@
                             </div>
                             <a href="/settings"
                                class="tum-live-menu-item">
-                                <div style="width: 30px; display: flex; justify-content: center; align-items: center;">
+                                <div style="width: 25px; display: flex; justify-content: center; align-items: center;">
                                     <i class="fa-solid fa-gear mr-3"></i>
                                 </div>
                                 <p>Settings</p>
@@ -125,23 +125,23 @@
                             <a href="https://github.com/TUM-Dev/gocast"
                                target="_blank"
                                class="tum-live-menu-item">
-                                <div style="width: 30px; display: flex; justify-content: center; align-items: center;">
+                                <div style="width: 25px; display: flex; justify-content: center; align-items: center;">
                                     <i class="fa-regular fa-comment mr-3"></i>
                                 </div>
                                 <p>Send Feedback</p>
                             </a>
                             <a href="https://github.com/TUM-Dev/gocast/issues/new?assignees=&labels=&template=bug_report.md&title="
                                class="tum-live-menu-item"
                                target="_blank">
-                                <div style="width: 30px; display: flex; justify-content: center; align-items: center;">
+                                <div style="width: 25px; display: flex; justify-content: center; align-items: center;">
                                     <i class="fa-brands fa-github mr-3"></i>
                                 </div>
                                 <p>Report problem</p>
                             </a>
                             <div class="border-b dark:border-gray-800"></div>
                             <a href="/logout"
                                class="tum-live-menu-item">
-                                <div style="width: 30px; display: flex; justify-content: center; align-items: center;">
+                                <div style="width: 25px; display: flex; justify-content: center; align-items: center;">
                                     <i class="fa-solid fa-sign-out mr-3"></i>
                                 </div>
                                 <p>Logout</p>