From edde511da49affe68af746f42bd10f71e141c930 Mon Sep 17 00:00:00 2001
From: runarvestmann <runar@stefna.is>
Date: Fri, 24 Jan 2025 10:25:28 +0000
Subject: [PATCH] Change the gridrow direction

---
 .../DirectorateOfLabour/MyPages.tsx           | 92 +++++++++++--------
 1 file changed, 52 insertions(+), 40 deletions(-)

diff --git a/apps/web/screens/Organization/DirectorateOfLabour/MyPages.tsx b/apps/web/screens/Organization/DirectorateOfLabour/MyPages.tsx
index 16ca9a41f236..86569ba64b8c 100644
--- a/apps/web/screens/Organization/DirectorateOfLabour/MyPages.tsx
+++ b/apps/web/screens/Organization/DirectorateOfLabour/MyPages.tsx
@@ -70,46 +70,58 @@ const MyPages: CustomScreen<MyPagesProps> = ({
       minimal
       mainContent={
         <Box paddingBottom={8} paddingTop={[1, 1, 2]}>
-          <GridRow rowGap={5}>
-            <GridColumn span={['1/1', '1/1', '1/1', '4/7', '6/12']}>
-              <Text variant="h1" as="h1">
-                {formatMessage(m.mainTitle)}
-              </Text>
-
-              <Stack space={1}>
-                {webRichText(
-                  customPageData?.content ?? [],
-                  undefined,
-                  activeLocale,
-                )}
-              </Stack>
-            </GridColumn>
-            <GridColumn span={['1/1', '1/1', '1/1', '3/7', '6/12']}>
-              <Stack space={3}>
-                <CategoryCard
-                  heading={formatMessage(m.individualsLabel)}
-                  text={formatMessage(m.individualsDescription)}
-                  href={formatMessage(m.individualsHref)}
-                  src={formatMessage(m.individualsImageSrc)}
-                  alt=""
-                />
-                <CategoryCard
-                  heading={formatMessage(m.companyLabel)}
-                  text={formatMessage(m.companyDescription)}
-                  href={formatMessage(m.companyHref)}
-                  src={formatMessage(m.companyImageSrc)}
-                  alt=""
-                />
-                <CategoryCard
-                  heading={formatMessage(m.parentalLeaveLabel)}
-                  text={formatMessage(m.parentalLeaveDescription)}
-                  href={formatMessage(m.parentalLeaveHref)}
-                  src={formatMessage(m.parentalLeaveImageSrc)}
-                  alt=""
-                />
-              </Stack>
-            </GridColumn>
-          </GridRow>
+          <Stack space={5}>
+            <Text variant="h1" as="h1">
+              {formatMessage(m.mainTitle)}
+            </Text>
+            <GridRow
+              rowGap={5}
+              direction={[
+                'columnReverse',
+                'columnReverse',
+                'columnReverse',
+                'row',
+              ]}
+            >
+              <GridColumn span={['1/1', '1/1', '1/1', '4/7', '6/12']}>
+                <Stack space={1}>
+                  {webRichText(
+                    customPageData?.content ?? [],
+                    undefined,
+                    activeLocale,
+                  )}
+                </Stack>
+              </GridColumn>
+              <GridColumn span={['1/1', '1/1', '1/1', '3/7', '6/12']}>
+                <Stack space={3}>
+                  <CategoryCard
+                    heading={formatMessage(m.individualsLabel)}
+                    text={formatMessage(m.individualsDescription)}
+                    href={formatMessage(m.individualsHref)}
+                    src={formatMessage(m.individualsImageSrc)}
+                    alt=""
+                    autoStack={true}
+                  />
+                  <CategoryCard
+                    heading={formatMessage(m.companyLabel)}
+                    text={formatMessage(m.companyDescription)}
+                    href={formatMessage(m.companyHref)}
+                    src={formatMessage(m.companyImageSrc)}
+                    alt=""
+                    autoStack={true}
+                  />
+                  <CategoryCard
+                    heading={formatMessage(m.parentalLeaveLabel)}
+                    text={formatMessage(m.parentalLeaveDescription)}
+                    href={formatMessage(m.parentalLeaveHref)}
+                    src={formatMessage(m.parentalLeaveImageSrc)}
+                    alt=""
+                    autoStack={true}
+                  />
+                </Stack>
+              </GridColumn>
+            </GridRow>
+          </Stack>
         </Box>
       }
     >