From 464cf903f42c56a9f9087151ec72ca93de407394 Mon Sep 17 00:00:00 2001
From: Fynn Petersen-Frey <10599762+fyfrey@users.noreply.github.com>
Date: Mon, 13 Nov 2023 17:19:51 +0100
Subject: [PATCH] fix(mobile): better icon spacing in bottom bar (#5010)

* fix(mobile): better icon spacing in bottom bar

* wider buttons
---
 mobile/lib/modules/home/ui/control_bottom_app_bar.dart | 1 +
 mobile/lib/shared/ui/drag_sheet.dart                   | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/mobile/lib/modules/home/ui/control_bottom_app_bar.dart b/mobile/lib/modules/home/ui/control_bottom_app_bar.dart
index e9283218ca..8ae7f98cd7 100644
--- a/mobile/lib/modules/home/ui/control_bottom_app_bar.dart
+++ b/mobile/lib/modules/home/ui/control_bottom_app_bar.dart
@@ -150,6 +150,7 @@ class ControlBottomAppBar extends ConsumerWidget {
                     SizedBox(
                       height: 70,
                       child: ListView(
+                        shrinkWrap: true,
                         scrollDirection: Axis.horizontal,
                         children: renderActionButtons(),
                       ),
diff --git a/mobile/lib/shared/ui/drag_sheet.dart b/mobile/lib/shared/ui/drag_sheet.dart
index 574962cc06..31ed8f482a 100644
--- a/mobile/lib/shared/ui/drag_sheet.dart
+++ b/mobile/lib/shared/ui/drag_sheet.dart
@@ -34,12 +34,13 @@ class ControlBoxButton extends StatelessWidget {
       padding: const EdgeInsets.all(10),
       shape: const CircleBorder(),
       onPressed: onPressed,
+      minWidth: 75.0,
       child: Column(
-        mainAxisAlignment: MainAxisAlignment.start,
+        mainAxisAlignment: MainAxisAlignment.center,
         crossAxisAlignment: CrossAxisAlignment.center,
         children: [
           Icon(iconData, size: 24),
-          const SizedBox(height: 6),
+          const SizedBox(height: 4),
           Text(
             label,
             style: const TextStyle(fontSize: 12.0),