From 009dbb49e13f6ebb3aed6edeb6e52238f1896cfb Mon Sep 17 00:00:00 2001
From: Pyry Koivisto <pyry.koivisto@mavericks.fi>
Date: Thu, 10 Oct 2024 13:17:05 +0300
Subject: [PATCH] VKT(Frontend): Styling fixes [deploy]

---
 frontend/packages/vkt/src/pages/PublicHomePage.tsx          | 6 +++---
 .../packages/vkt/src/styles/pages/_public-homepage.scss     | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/packages/vkt/src/pages/PublicHomePage.tsx b/frontend/packages/vkt/src/pages/PublicHomePage.tsx
index 137f7bdb7..3bd8285ad 100644
--- a/frontend/packages/vkt/src/pages/PublicHomePage.tsx
+++ b/frontend/packages/vkt/src/pages/PublicHomePage.tsx
@@ -18,7 +18,7 @@ import GoodAndSatisfactoryLevelCardImageWebp from 'public/images/good_satisfacto
 
 const LinkButton = ({ to, label }: { to: AppRoutes; label: string }) => {
   return (
-    <Link to={to} className="custom-button-link rows flex-end">
+    <Link to={to} className="card-contents custom-button-link rows flex-end">
       <Button
         variant={Variant.Contained}
         color={Color.Secondary}
@@ -48,7 +48,7 @@ const LevelCard = ({
       className="public-homepage__level-description-card rows"
       elevation={2}
     >
-      <div className="rows gapped grow">
+      <div className="rows grow">
         <div className="card-image-wrapper">
           <div className="image-overlay" />
           {image}
@@ -216,9 +216,9 @@ export const PublicHomePage: FC = () => {
               <br />
               {t('description.part2')}
             </Text>
+            <DescriptionBox />
             <H2>{t('selectExamination.heading')}</H2>
             <Text>{t('selectExamination.description')}</Text>
-            <DescriptionBox />
             <div
               className={`public-homepage__cards gapped-xxl ${
                 isPhone ? 'rows' : 'columns'
diff --git a/frontend/packages/vkt/src/styles/pages/_public-homepage.scss b/frontend/packages/vkt/src/styles/pages/_public-homepage.scss
index 59d0b00b9..2091c57a0 100644
--- a/frontend/packages/vkt/src/styles/pages/_public-homepage.scss
+++ b/frontend/packages/vkt/src/styles/pages/_public-homepage.scss
@@ -65,7 +65,7 @@
         width: 100%;
         height: 100%;
         background-color: $color-secondary;
-        opacity: 0.5;
+        opacity: 0.4;
       }
       // stylelint-disable-next-line selector-max-compound-selectors
       img {