Mobile rules item alignment (#7081)

* [AI] Fix mobile rules list items to be full width and left-aligned

- Override Button's default justifyContent/alignItems centering in
  ActionableGridListItem to use flex-start alignment
- Add width: 100% to RulesListItem's SpaceBetween to fill the item width

Co-authored-by: Matiss Janis Aboltins <MatissJanis@users.noreply.github.com>

* Add release notes for PR #7081

* Change category from Enhancements to Bugfix

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: Matiss Janis Aboltins <MatissJanis@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

packages/desktop-client/src/components/mobile/ActionableGridListItem.tsx

@@ -119,6 +119,8 @@ export function ActionableGridListItem<T extends object>({
             padding: 16,
             textAlign: 'left',
             borderRadius: 0,
+            justifyContent: 'flex-start',
+            alignItems: 'flex-start',
           }}
           onClick={handleAction}
         >

packages/desktop-client/src/components/mobile/rules/RulesListItem.tsx

@@ -52,7 +52,10 @@ export function RulesListItem({
       }
       {...props}
     >
-      <SpaceBetween gap={12} style={{ alignItems: 'flex-start' }}>
+      <SpaceBetween
+        gap={12}
+        style={{ alignItems: 'flex-start', width: '100%' }}
+      >
         {/* Column 1: PRE/POST pill */}
         <View
           style={{

upcoming-release-notes/7081.md

@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [MatissJanis]
+---
+
+Mobile: adjust rules list for better alignment and full-width container display.