From 777b4b654322c60ffa7808e7bc15c3af875fa3c7 Mon Sep 17 00:00:00 2001
From: Dain Nilsson <dain@yubico.com>
Date: Wed, 10 Apr 2024 09:56:34 +0200
Subject: [PATCH] Vertically center the "edit label" button

---
 lib/home/views/home_screen.dart | 74 +++++++++++++++++----------------
 1 file changed, 39 insertions(+), 35 deletions(-)

diff --git a/lib/home/views/home_screen.dart b/lib/home/views/home_screen.dart
index c37d57a9..3f6afde1 100644
--- a/lib/home/views/home_screen.dart
+++ b/lib/home/views/home_screen.dart
@@ -146,49 +146,53 @@ class _DeviceContent extends ConsumerWidget {
     final label = initialCustomization?.name;
     String displayName = label != null ? '$label ($name)' : name;
 
-    return Row(
+    return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
-        Flexible(
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              Text(
+        Row(
+          children: [
+            Flexible(
+              child: Text(
                 displayName,
                 style: Theme.of(context).textTheme.titleLarge,
               ),
-              const SizedBox(
-                height: 12,
-              ),
-              if (serial != null)
-                Text(
-                  l10n.l_serial_number(serial),
-                  style: Theme.of(context).textTheme.titleSmall?.apply(
-                      color: Theme.of(context).colorScheme.onSurfaceVariant),
+            ),
+            if (serial != null)
+              Padding(
+                padding: const EdgeInsets.only(left: 8.0),
+                child: IconButton(
+                  icon: const Icon(Symbols.edit),
+                  onPressed: () async {
+                    await ref.read(withContextProvider)((context) async {
+                      await _showManageLabelDialog(
+                        initialCustomization ??
+                            KeyCustomization(serial: serial),
+                        context,
+                      );
+                    });
+                  },
                 ),
-              Text(
-                l10n.l_firmware_version(version),
-                style: Theme.of(context).textTheme.titleSmall?.apply(
-                    color: Theme.of(context).colorScheme.onSurfaceVariant),
-              ),
-            ],
-          ),
+              )
+          ],
+        ),
+        const SizedBox(
+          height: 12,
         ),
         if (serial != null)
-          Padding(
-            padding: const EdgeInsets.only(left: 8.0),
-            child: IconButton(
-              icon: const Icon(Symbols.edit),
-              onPressed: () async {
-                await ref.read(withContextProvider)((context) async {
-                  await _showManageLabelDialog(
-                    initialCustomization ?? KeyCustomization(serial: serial),
-                    context,
-                  );
-                });
-              },
-            ),
-          )
+          Text(
+            l10n.l_serial_number(serial),
+            style: Theme.of(context)
+                .textTheme
+                .titleSmall
+                ?.apply(color: Theme.of(context).colorScheme.onSurfaceVariant),
+          ),
+        Text(
+          l10n.l_firmware_version(version),
+          style: Theme.of(context)
+              .textTheme
+              .titleSmall
+              ?.apply(color: Theme.of(context).colorScheme.onSurfaceVariant),
+        ),
       ],
     );
   }