Refactor LanguageSwitcher UI for improved aesthetics and consistency

Author: winechit-dev

lib/app/view/home_page.dart

@@ -29,7 +29,7 @@ class HomePage extends StatelessWidget {
         ),
         actions: const [
           Padding(
-            padding: EdgeInsets.all(8),
+            padding: EdgeInsets.zero,
             child: LanguageSwitcher(),
           ),
         ],

lib/app/widgets/language_switcher.dart

@@ -14,14 +14,26 @@ class LanguageSwitcher extends StatelessWidget {
       icon: Row(
         mainAxisSize: MainAxisSize.min,
         children: [
-          Text(
-            currentLanguage,
-            style: const TextStyle(
-              color: Colors.black87,
-              fontWeight: FontWeight.w500,
+          Chip(
+            label: Text(
+              currentLanguage,
+              style: const TextStyle(
+                color: Colors.black87,
+                fontWeight: FontWeight.w500,
+                fontSize: 14,
+              ),
             ),
+            avatar: const Icon(Icons.language, size: 18, color: Colors.black87),
+            backgroundColor: Colors.grey.shade100,
+            padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 6),
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(16),
+              side: const BorderSide(color: Colors.black12, width: 1),
+            ),
+            visualDensity: VisualDensity.compact,
+            materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
+            elevation: 0,
           ),
-          const Icon(Icons.arrow_drop_down, color: Colors.black87),
         ],
       ),
       itemBuilder: (context) => [
@@ -32,7 +44,7 @@ class LanguageSwitcher extends StatelessWidget {
               const Text('English'),
               if (currentLocale.languageCode == 'en')
                 const Padding(
-                  padding: EdgeInsets.only(left: 8.0),
+                  padding: EdgeInsets.only(left: 8),
                   child: Icon(Icons.check, size: 18),
                 ),
             ],
@@ -45,7 +57,7 @@ class LanguageSwitcher extends StatelessWidget {
               const Text('ไทย'),
               if (currentLocale.languageCode == 'th')
                 const Padding(
-                  padding: EdgeInsets.only(left: 8.0),
+                  padding: EdgeInsets.only(left: 8),
                   child: Icon(Icons.check, size: 18),
                 ),
             ],
@@ -57,4 +69,4 @@ class LanguageSwitcher extends StatelessWidget {
       },
     );
   }
-} 
+}