From 550e8a3b6550f4540ff497af5127e04b7d5a9fc8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Snorre=20S=C3=A6ther?= <snosaet@hotmail.com>
Date: Thu, 21 Sep 2023 19:29:30 +0200
Subject: [PATCH] tweeks textItem. fixes dynamic style issue v2

---
 .../src/Components/SultenCard/SultenCard.module.scss   | 10 ++++++----
 .../Pages/LycheAboutPage/LycheAboutPage.module.scss    |  3 ++-
 frontend/src/constants/TextItems.ts                    |  4 ++--
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/src/Components/SultenCard/SultenCard.module.scss b/frontend/src/Components/SultenCard/SultenCard.module.scss
index 82198f6a4..698bff457 100644
--- a/frontend/src/Components/SultenCard/SultenCard.module.scss
+++ b/frontend/src/Components/SultenCard/SultenCard.module.scss
@@ -7,7 +7,7 @@
   background-color: $black;
   border-radius: 0.5em;
   gap: 1em;
-
+  padding: 1.5em;
   @include for-mobile-down {
     @include flex-column;
     padding-bottom: 2em;
@@ -19,7 +19,7 @@
   background-color: $black;
   border-radius: 0.5em;
   gap: 1em;
-
+  padding: 1.5em;
   @include for-mobile-down {
     @include flex-column;
   }
@@ -44,6 +44,7 @@
 .smallcard_image {
   height: 15em;
   width: 25%;
+  max-width: 15em;
   display: inline-block;
   flex: 1;
   border-radius: 0.5em;
@@ -52,7 +53,7 @@
 
   @include for-mobile-down {
     width: 100%;
-    max-height: 10em;
+    max-height: 5em;
     display: block;
     object-position: center;
   }
@@ -62,9 +63,10 @@
   @include flex-column-center;
   flex: 1;
   text-align: center;
+  max-width: 30vw;
 
   @include for-mobile-down {
-    width: 100%;
+    max-width: 80vw;
   }
 }
 
diff --git a/frontend/src/Pages/LycheAboutPage/LycheAboutPage.module.scss b/frontend/src/Pages/LycheAboutPage/LycheAboutPage.module.scss
index 648fe45eb..83b93e318 100644
--- a/frontend/src/Pages/LycheAboutPage/LycheAboutPage.module.scss
+++ b/frontend/src/Pages/LycheAboutPage/LycheAboutPage.module.scss
@@ -5,12 +5,13 @@
 .container {
   width: 100%;
   height: 100%;
-  margin: $sulten-navbar-height/2 0 $sulten-navbar-height/2 0; //this looked the best
+  margin: $sulten-navbar-height/4 0 $sulten-navbar-height/4 0; //this looked the best
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   z-index: 10;
+  @include flex-column-center;
   @include for-mobile-down {
     margin-top: $sulten-navbar-height;
   }
diff --git a/frontend/src/constants/TextItems.ts b/frontend/src/constants/TextItems.ts
index a1891bee4..e50af7f18 100644
--- a/frontend/src/constants/TextItems.ts
+++ b/frontend/src/constants/TextItems.ts
@@ -14,7 +14,7 @@ export const TextItem = {
   sulten_about_us_text: 'sulten_about_us_text',
   sulten_contact_text: 'sulten_contact_text',
   sulten_about_page_text: 'sulten_about_page_text',
-  sulten_what_is_lyche_text: 'sulten_what_is_lyche',
+  sulten_what_is_lyche_text: 'sulten_what_is_lyche_text',
   sulten_lyche_goal_text: 'sulten_lyche_goal_text',
-  sulten_lyche_about_menu_text: 'sulten_lyche_about_menu',
+  sulten_lyche_about_menu_text: 'sulten_lyche_about_menu_text',
 } as const;