Merge pull request #348 from Alt-Org/lauri/bug/343-cookiespage-text-a…

…lignment Lauri/bug/343 cookiespage text alignment
Alt-Org · Jan 22, 2025 · 295d832 · 295d832
2 parents 7a8d2cd + 29a3fef
commit 295d832
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/frontend-next-migration/src/shared/ui/WikiContentWithSidebar/ui/WikiContent.stories.tsx b/frontend-next-migration/src/shared/ui/WikiContentWithSidebar/ui/WikiContent.stories.tsx
@@ -75,6 +75,13 @@ export const Example: Story = {
                 image: 'https://altzone.fi/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhannu-hodari.755680ec.png&w=1920&q=75',
                 imageAlt: 'Image 3',
             },
+            {
+                id: 'section4',
+                label: 'Section 4 This is a long word: Hydrochlorofluorocarbon',
+                description: 'Description for section 4',
+                image: 'https://altzone.fi/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpirate.9a5e151f.png&w=1920&q=75',
+                imageAlt: 'Image 4',
+            },
         ],
     },
 };
diff --git a/...next-migration/src/shared/ui/WikiContentWithSidebar/ui/WikiContentWithSideBar.module.scss b/...next-migration/src/shared/ui/WikiContentWithSidebar/ui/WikiContentWithSideBar.module.scss
@@ -23,6 +23,10 @@
   overflow: visible; // Ensure this is set
 }
 
+.mainContent.isMobile {
+  padding: 15px;
+}
+
 .navbarSide {
   position: sticky;
   top: 9.5rem;
@@ -163,8 +167,12 @@
 .content.isMobile {
   display: flex;
   flex-direction: column;
-  width: auto;
+  width: 100%;
   padding: 0;
   font-size: 1.2em;
-  margin: 15px;
+  margin: auto;
+
+  a {
+    word-wrap: break-word;
+  }
 }