feat: reduced mobile padding

frontend/src/Config/Helpers/Cards/Outer/Helpers.elm

@@ -569,12 +569,7 @@ cardStuff content =
         ]
     <|
         el
-            [ paddingEach
+            [ paddingXY 15 0
-                { top = 0
-                , bottom = 0
-                , left = 15
-                , right = 15
-                }
             , E.width fill
             , height fill
             ]

frontend/src/Config/Helpers/Response.elm

@@ -23,6 +23,7 @@ import Element as E
         , maximum
         , minimum
         , padding
+        , paddingXY
         , scrollbarY
         , spacing
         , width
@@ -56,21 +57,31 @@ pageList device =
 
 pageListFormat : Device -> List (Attribute msg)
 pageListFormat device =
-    [ case ( device.class, device.orientation ) of
+    let
-        ( Phone, Portrait ) ->
+        pageListAttr =
-            spacing 0
+            [ centerX
+            , width fill
+            , height fill
+            , scrollbarY
+            ]
+    in
+    pageListAttr
+        ++ (case ( device.class, device.orientation ) of
+                ( Phone, Portrait ) ->
+                    [ spacing 0
+                    , paddingXY 10 30
+                    ]
 
-        ( Tablet, Portrait ) ->
+                ( Tablet, Portrait ) ->
-            spacing 0
+                    [ spacing 0
+                    , paddingXY 10 30
+                    ]
 
-        _ ->
+                _ ->
-            spacing 20
+                    [ spacing 20
-    , centerX
+                    , paddingXY 30 30
-    , padding 30
+                    ]
-    , width fill
+           )
-    , height fill
-    , scrollbarY
-    ]
 
 
 contentContainer : Element msg -> Element msg