From 84d1500331c86655cd7e9cab00fa5d08784c17a6 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Wed, 9 Aug 2023 19:59:06 +0800
Subject: [PATCH] Fix menu items not stretching when it's only one

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

diff --git a/src/app.css b/src/app.css
index 6e31ac74..4cd15e9e 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1538,6 +1538,9 @@ body > .szh-menu-container {
   /* two columns only */
   grid-template-columns: repeat(2, 1fr);
 }
+.szh-menu .menu-horizontal:has(> .szh-menu__item:only-child) {
+  grid-template-columns: 1fr;
+}
 .szh-menu .menu-horizontal > .szh-menu__item:not(:only-child):first-child,
 .szh-menu .menu-horizontal > *:not(:only-child):first-child .szh-menu__item {
   padding-right: 4px !important;