Make header buttons smaller (#191)

spliit-app · Aug 2, 2024 · 5dfe03b · 5dfe03b
1 parent 26bed11
commit 5dfe03b
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/messages/en-US.json b/messages/en-US.json
@@ -286,7 +286,7 @@
     "title": "Settings"
   },
   "Locale": {
-    "en-US": "English (US)",
+    "en-US": "English",
     "fi": "Suomi"
   },
   "Share": {

diff --git a/messages/fi.json b/messages/fi.json
@@ -286,7 +286,7 @@
     "title": "Asetukset"
   },
   "Locale": {
-    "en-US": "English (US)",
+    "en-US": "English",
     "fi": "Suomi"
   },
   "Share": {

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -84,7 +84,12 @@ function Content({ children }: { children: React.ReactNode }) {
         <div role="navigation" aria-label="Menu" className="flex">
           <ul className="flex items-center text-sm">
             <li>
-              <Button variant="ghost" asChild className="-my-3 text-primary">
+              <Button
+                variant="ghost"
+                size="sm"
+                asChild
+                className="-my-3 text-primary"
+              >
                 <Link href="/groups">{t('Header.groups')}</Link>
               </Button>
             </li>

diff --git a/src/components/locale-switcher.tsx b/src/components/locale-switcher.tsx
@@ -17,7 +17,7 @@ export function LocaleSwitcher() {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button variant="ghost" asChild className="-my-3 text-primary">
+        <Button variant="ghost" size="sm" className="-my-3 text-primary">
           <span>{t(locale)}</span>
         </Button>
       </DropdownMenuTrigger>