feat(WEB-167): update my pages layout to MVP wireframes

components/MyPages/Header/Breadcrumbs/breadcrumbs.module.css

@@ -19,3 +19,7 @@
 .link {
   text-decoration: none;
 }
+
+.currentPage {
+  margin: 0;
+}

components/MyPages/Header/Breadcrumbs/index.tsx

@@ -15,7 +15,7 @@ export default function Breadcrumbs() {
           <span>/</span>
         </li>
         <li className={styles.listItem}>
-          <p>My Scandic</p>
+          <p className={styles.currentPage}>My Scandic</p>
         </li>
       </ul>
     </nav>

components/MyPages/Header/header.module.css

@@ -18,7 +18,9 @@
 .breadcrumbs {
   background-color: var(--some-grey-color, #f2f2f2);
   display: block;
+  padding-bottom: 0.8rem;
   padding-left: 2rem;
+  padding-top: 3rem;
 }
 
 @media screen and (min-width: 950px) {
@@ -35,5 +37,6 @@
   .breadcrumbs {
     background-color: var(--some-white-color, #fff);
     padding-left: 2.4rem;
+    padding-top: 2rem;
   }
 }