fix: adjust sidebar filter empty state

dhis2 · Dec 17, 2024 · dc1f21f · dc1f21f
1 parent 501b53c
commit dc1f21f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/app/sidebar/Sidebar.module.css b/src/app/sidebar/Sidebar.module.css
@@ -1,9 +1,9 @@
 .noMatchMessage {
-    font-size: 14px;
-    line-height: 19px;
-    color: var(--colors-grey200);
+    font-size: 13px;
+    line-height: 17px;
+    color: var(--colors-grey500);
     text-align: center;
-    padding: var(--spacers-dp24) var(--spacers-dp12);
+    padding: var(--spacers-dp16) var(--spacers-dp8);
     max-width: 100%;
     word-break: break-word;
 }
diff --git a/src/app/sidebar/Sidebar.tsx b/src/app/sidebar/Sidebar.tsx
@@ -139,8 +139,7 @@ type NoMatchMessageProps = {
 
 const NoMatchMessage = ({ filter }: PropsWithChildren<NoMatchMessageProps>) => (
     <div className={styles.noMatchMessage}>
-        {i18n.t('No menu items found for')} <br />
-        {filter}
+        {i18n.t('No menu items found for')} <br />‘{filter}’
     </div>
 )