From 0040deaa0afdb4462845596854e1073a7c47962a Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 11 Feb 2023 00:15:20 +0800
Subject: [PATCH] Better menu styles

---
 src/app.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/app.css b/src/app.css
index d51c0417..0faa814c 100644
--- a/src/app.css
+++ b/src/app.css
@@ -996,15 +996,22 @@ button.carousel-dot:is(.active, [disabled].active) {
   box-shadow: 0 3px 6px var(--drop-shadow-color);
   text-align: left;
   animation: appear 0.15s ease-in-out;
+  width: 16em;
+  max-width: 90vw;
 }
 .szh-menu .szh-menu__item {
   padding: 8px 16px !important;
   transition: all 0.1s ease-in-out;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .szh-menu .szh-menu__item * {
   vertical-align: middle;
 }
 .szh-menu .szh-menu__item a {
+  overflow: hidden;
+  text-overflow: ellipsis;
   display: block;
   color: inherit;
   text-decoration: none;
@@ -1019,6 +1026,9 @@ button.carousel-dot:is(.active, [disabled].active) {
   color: var(--button-text-color);
   background-color: var(--button-bg-color);
 }
+.szh-menu__divider {
+  background-color: var(--divider-color);
+}
 
 /* DONUT METER */