From 21d59fa0a32216f2706b09aeba5376f07e35535d Mon Sep 17 00:00:00 2001
From: AmanRajSinghMourya <amanrajmourya7@gmail.com>
Date: Thu, 24 Jul 2025 17:30:14 +0530
Subject: [PATCH] Fix: adjust padding and spacing in crop rotate bar UI

---
 .../image_editor_crop_rotate.dart             | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/mobile/apps/photos/lib/ui/tools/editor/image_editor/image_editor_crop_rotate.dart b/mobile/apps/photos/lib/ui/tools/editor/image_editor/image_editor_crop_rotate.dart
index e7e5c97c66..7d0b62f8e2 100644
--- a/mobile/apps/photos/lib/ui/tools/editor/image_editor/image_editor_crop_rotate.dart
+++ b/mobile/apps/photos/lib/ui/tools/editor/image_editor/image_editor_crop_rotate.dart
@@ -99,6 +99,7 @@ class _ImageEditorCropRotateBarState extends State<ImageEditorCropRotateBar>
   Widget _buildFunctions(BoxConstraints constraints) {
     return BottomAppBar(
       color: getEnteColorScheme(context).backgroundBase,
+      padding: EdgeInsets.zero,
       height: editorBottomBarHeight,
       child: Align(
         alignment: Alignment.bottomCenter,
@@ -111,15 +112,15 @@ class _ImageEditorCropRotateBarState extends State<ImageEditorCropRotateBar>
                 mainAxisAlignment: MainAxisAlignment.center,
                 children: [
                   CircularIconButton(
-                    svgPath: "assets/image-editor/image-editor-crop-rotate.svg", 
+                    svgPath: "assets/image-editor/image-editor-crop-rotate.svg",
                     label: "Rotate",
                     onTap: () {
                       widget.editor.rotate();
                     },
                   ),
-                  const SizedBox(width: 12),
+                  const SizedBox(width: 6),
                   CircularIconButton(
-                    svgPath: "assets/image-editor/image-editor-flip.svg", 
+                    svgPath: "assets/image-editor/image-editor-flip.svg",
                     label: "Flip",
                     onTap: () {
                       widget.editor.flip();
@@ -127,9 +128,8 @@ class _ImageEditorCropRotateBarState extends State<ImageEditorCropRotateBar>
                   ),
                 ],
               ),
-              const SizedBox(height: 20),
               SizedBox(
-                height: 48,
+                height: 40,
                 child: ListView.builder(
                   scrollDirection: Axis.horizontal,
                   itemCount: CropAspectRatioType.values.length,
@@ -190,17 +190,14 @@ class CropAspectChip extends StatelessWidget {
               : colorScheme.backgroundElevated2,
           borderRadius: BorderRadius.circular(25),
         ),
-        padding: const EdgeInsets.symmetric(
-          horizontal: 14,
-          vertical: 10,
-        ),
+        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
         child: Row(
-          mainAxisSize: MainAxisSize.min,
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
           children: [
             if (svg != null) ...[
               SvgPicture.asset(
                 svg!,
-                height: 40,
+                height: 32,
                 colorFilter: ColorFilter.mode(
                   isSelected ? colorScheme.backdropBase : colorScheme.tabIcon,
                   BlendMode.srcIn,
@@ -217,6 +214,7 @@ class CropAspectChip extends StatelessWidget {
                       : colorScheme.tabIcon,
                 ),
               ),
+            const SizedBox(width: 4),
           ],
         ),
       ),