Update padding for chat list screen

linagora · Oct 2, 2023 · dfc7d11 · dfc7d11
1 parent 4cca97c
commit dfc7d11
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 25 deletions.
diff --git a/lib/widgets/twake_components/twake_header.dart b/lib/widgets/twake_components/twake_header.dart
@@ -33,13 +33,13 @@ class TwakeHeader extends StatelessWidget
         builder: (context, selectMode, _) {
           return Align(
             alignment: TwakeHeaderStyle.alignment(context),
-            child: Padding(
-              padding: TwakeHeaderStyle.padding,
-              child: Row(
-                children: [
-                  if (!TwakeHeaderStyle.isDesktop(context))
-                    Expanded(
-                      flex: TwakeHeaderStyle.flexActions,
+            child: Row(
+              children: [
+                if (!TwakeHeaderStyle.isDesktop(context))
+                  Expanded(
+                    flex: TwakeHeaderStyle.flexActions,
+                    child: Padding(
+                      padding: TwakeHeaderStyle.leadingPadding,
                       child: Row(
                         children: [
                           InkWell(
@@ -82,21 +82,24 @@ class TwakeHeader extends StatelessWidget
                         ],
                       ),
                     ),
-                  Expanded(
-                    flex: TwakeHeaderStyle.flexTitle,
-                    child: Align(
-                      alignment: Alignment.center,
-                      child: Text(
-                        L10n.of(context)!.chats,
-                        style: Theme.of(context).textTheme.titleLarge?.copyWith(
-                              color: Theme.of(context).colorScheme.onSurface,
-                            ),
-                      ),
+                  ),
+                Expanded(
+                  flex: TwakeHeaderStyle.flexTitle,
+                  child: Align(
+                    alignment: Alignment.center,
+                    child: Text(
+                      L10n.of(context)!.chats,
+                      style: Theme.of(context).textTheme.titleLarge?.copyWith(
+                            color: Theme.of(context).colorScheme.onSurface,
+                          ),
                     ),
                   ),
-                  if (!TwakeHeaderStyle.isDesktop(context))
-                    Expanded(
-                      flex: TwakeHeaderStyle.flexActions,
+                ),
+                if (!TwakeHeaderStyle.isDesktop(context))
+                  Expanded(
+                    flex: TwakeHeaderStyle.flexActions,
+                    child: Padding(
+                      padding: TwakeHeaderStyle.actionsPadding,
                       child: Align(
                         alignment: Alignment.centerRight,
                         child: InkWell(
@@ -122,8 +125,8 @@ class TwakeHeader extends StatelessWidget
                         ),
                       ),
                     ),
-                ],
-              ),
+                  ),
+              ],
             ),
           );
         },

diff --git a/lib/widgets/twake_components/twake_header_style.dart b/lib/widgets/twake_components/twake_header_style.dart
@@ -21,9 +21,14 @@ class TwakeHeaderStyle {
         : AlignmentDirectional.center;
   }
 
-  static const EdgeInsetsDirectional padding = EdgeInsetsDirectional.only(
-    end: 4,
-    start: 4,
+  static const EdgeInsetsDirectional actionsPadding =
+      EdgeInsetsDirectional.only(
+    end: 16,
+  );
+
+  static const EdgeInsetsDirectional leadingPadding =
+      EdgeInsetsDirectional.only(
+    start: 26,
   );
 
   static const EdgeInsetsDirectional textButtonPadding =