fix: make "Pick image from device" button full-width (#764)

Author: elias001011

lib/utilities/playlist_image_picker.dart

@@ -116,26 +116,33 @@ Widget buildImagePickerRow(
 ) {
   final colorScheme = Theme.of(context).colorScheme;
 
-  return OutlinedButton.icon(
-    onPressed: onPickImage,
-    style: OutlinedButton.styleFrom(
-      foregroundColor: colorScheme.primary,
-      side: BorderSide(
-        color: isImagePicked ? colorScheme.primary : colorScheme.outline,
+  return SizedBox(
+    width: double.infinity,
+    child: OutlinedButton.icon(
+      onPressed: onPickImage,
+      style: OutlinedButton.styleFrom(
+        alignment: Alignment.centerLeft,
+        foregroundColor: colorScheme.primary,
+        side: BorderSide(
+          color: isImagePicked ? colorScheme.primary : colorScheme.outline,
+        ),
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
+      ),
+      icon: Padding(
+        padding: const EdgeInsets.only(left: 4),
+        child: Icon(
+          isImagePicked
+              ? FluentIcons.checkmark_circle_20_filled
+              : FluentIcons.image_add_20_regular,
+          size: 20,
+        ),
+      ),
+      label: Text(
+        isImagePicked
+            ? context.l10n!.imagePicked
+            : context.l10n!.pickImageFromDevice,
       ),
-      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
-      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
-    ),
-    icon: Icon(
-      isImagePicked
-          ? FluentIcons.checkmark_circle_20_filled
-          : FluentIcons.image_add_20_regular,
-      size: 20,
-    ),
-    label: Text(
-      isImagePicked
-          ? context.l10n!.imagePicked
-          : context.l10n!.pickImageFromDevice,
     ),
   );
 }