fix: design and layout issues (#391)

* fix: adjust selection sizes

* fix: reduce background separation

* chore: text recording

* chore: fix size

lib/in_experience_selection/widgets/background_selection_tab_bar_view.dart

@@ -58,8 +58,8 @@ class BackgroundSelectionTabBarView extends StatelessWidget {
                 ),
               );
             },
-            separatorBuilder: (context, index) => const SizedBox.square(
-              dimension: 32,
+            separatorBuilder: (context, index) => SizedBox.square(
+              dimension: isSmall ? 8 : 16,
             ),
           ),
         ),

lib/in_experience_selection/widgets/character_selection_tab_bar_view.dart

@@ -59,13 +59,13 @@ class _CharacterSelectionElement extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-      width: 100,
-      height: 100,
+      width: 135,
+      height: 135,
       padding: const EdgeInsets.all(5),
       decoration: BoxDecoration(
         shape: BoxShape.circle,
         color: isSelected ? null : HoloBoothColors.darkBlue,
-        gradient: isSelected ? HoloBoothGradients.secondarySix : null,
+        gradient: isSelected ? HoloBoothGradients.secondaryOne : null,
       ),
       child: DecoratedBox(
         decoration: const BoxDecoration(

lib/in_experience_selection/widgets/props_selection_tab_bar_view.dart

@@ -109,6 +109,7 @@ class _PropsSelectionTabBarViewState extends State<PropsSelectionTabBarView>
             ],
           ),
         ),
+        const SizedBox(height: 10)
       ],
     );
   }

lib/in_experience_selection/widgets/selection_layer.dart

@@ -4,8 +4,8 @@ import 'package:holobooth_ui/holobooth_ui.dart';
 
 const _collapseButtonHeight = 50.0;
 const _collapseButtonWidth = 100.0;
-const _panelHeightCollapsed = 200.0;
-const _panelHeightNotCollapsed = 350.0;
+const _panelHeightCollapsed = 179.0;
+const _panelHeightNotCollapsed = 365.0;
 
 class SelectionLayer extends StatelessWidget {
   const SelectionLayer({super.key});

lib/l10n/arb/app_en.arb

@@ -146,7 +146,7 @@
     "type": "text",
     "placeholders": {}
   },
-  "recordButtonText": "Record",
+  "recordButtonText": "Record video",
   "@recordButtonText": {
     "description": "Text displayed on a record button."
   },