From 1bbdefbd410ebcec04a28bf3a5910d7bf17cb32a Mon Sep 17 00:00:00 2001
From: laurenspriem <github_uni.fishers@aleeas.com>
Date: Thu, 19 Jun 2025 08:59:16 +0530
Subject: [PATCH] UI improvements

---
 .../file_info_faces_item_widget.dart          | 56 ++++++++++---------
 1 file changed, 31 insertions(+), 25 deletions(-)

diff --git a/mobile/lib/ui/viewer/file_details/file_info_faces_item_widget.dart b/mobile/lib/ui/viewer/file_details/file_info_faces_item_widget.dart
index 6b56a6e543..a4b80715f9 100644
--- a/mobile/lib/ui/viewer/file_details/file_info_faces_item_widget.dart
+++ b/mobile/lib/ui/viewer/file_details/file_info_faces_item_widget.dart
@@ -192,7 +192,7 @@ class _FacesItemWidgetState extends State<FacesItemWidget> {
               ),
               Flexible(
                 child: Padding(
-                  padding: const EdgeInsets.fromLTRB(12, 3.5, 16, 3.5),
+                  padding: const EdgeInsets.fromLTRB(12, 0, 16, 3.5),
                   child: SizedBox(
                     width: double.infinity,
                     child: Column(
@@ -201,9 +201,9 @@ class _FacesItemWidgetState extends State<FacesItemWidget> {
                       children: [
                         Text(
                           S.of(context).faces,
-                          style: getEnteTextTheme(context).miniMuted,
+                          style: getEnteTextTheme(context).small,
                         ),
-                        const SizedBox(height: 8),
+                        const SizedBox(height: 4),
                         _buildContent(),
                       ],
                     ),
@@ -213,10 +213,13 @@ class _FacesItemWidgetState extends State<FacesItemWidget> {
             ],
           ),
         ),
-        IconButtonWidget(
-          icon: _isEditMode ? Icons.check : Icons.edit,
-          iconButtonType: IconButtonType.secondary,
-          onTap: _toggleEditMode,
+        Padding(
+          padding: const EdgeInsets.only(top: 3.5),
+          child: IconButtonWidget(
+            icon: _isEditMode ? Icons.check : Icons.edit,
+            iconButtonType: IconButtonType.secondary,
+            onTap: _toggleEditMode,
+          ),
         ),
       ],
     );
@@ -288,27 +291,30 @@ class _FacesItemWidgetState extends State<FacesItemWidget> {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
-        GestureDetector(
-          onTap: _toggleRemainingFaces,
-          child: Row(
-            children: [
-              Text(
-                "Other detected faces",
-                style: getEnteTextTheme(context).miniMuted,
-              ),
-              const SizedBox(width: 4),
-              Icon(
-                _showRemainingFaces
-                    ? Icons.keyboard_arrow_up
-                    : Icons.keyboard_arrow_down,
-                size: 16,
-                color: getEnteColorScheme(context).textMuted,
-              ),
-            ],
+        Padding(
+          padding: const EdgeInsets.only(top: 4.0),
+          child: GestureDetector(
+            onTap: _toggleRemainingFaces,
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Text(
+                  "Other detected faces",
+                  style: getEnteTextTheme(context).miniMuted,
+                ),
+                Icon(
+                  _showRemainingFaces
+                      ? Icons.keyboard_arrow_up
+                      : Icons.keyboard_arrow_down,
+                  size: 16,
+                  color: getEnteColorScheme(context).textMuted,
+                ),
+              ],
+            ),
           ),
         ),
         if (_showRemainingFaces) ...[
-          const SizedBox(height: 8),
+          const SizedBox(height: 16),
           _buildFaceGrid(_remainingFaces),
         ],
       ],