Make header buttons smaller (#191)

messages/en-US.json

@@ -286,7 +286,7 @@
     "title": "Settings"
   },
   "Locale": {
-    "en-US": "English (US)",
+    "en-US": "English",
     "fi": "Suomi"
   },
   "Share": {

messages/fi.json

@@ -286,7 +286,7 @@
     "title": "Asetukset"
   },
   "Locale": {
-    "en-US": "English (US)",
+    "en-US": "English",
     "fi": "Suomi"
   },
   "Share": {

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>

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>