program nearly done

src/hemsedal24/components/Day.module.css

@@ -52,11 +52,6 @@
   margin-right: 15px; /* Adds space between time and text */ /* Set consistent height for the time element */
 }
 
-.day ul > li span {
-  /* Set a comfortable line height for the text */
-  display: inline-block; /* Ensure proper block-level behavior */
-}
-
 .day ul > li p {
   margin-top: 1rem;
 }
@@ -93,7 +88,6 @@ a {
     font-size: 1.25rem;
     font-style: normal;
     font-weight: 600;
-    color: var(--Primary-Default);
     line-height: 2rem;
     padding-bottom: 2rem;
   }
@@ -106,10 +100,10 @@ a {
   .day ul {
     list-style: none;
     padding-left: 1rem;
-    width: 95%;
+    width: 93%;
   }
 
   .day time {
-    width: 8rem;
+    width: 4rem;
   }
 }

src/hemsedal24/hemsedal.module.css

@@ -35,7 +35,7 @@
   line-height: 2rem;
 }
 
-.tur a {
+.navigation a {
   all: unset;
   cursor: pointer;
   z-index: 10;
@@ -183,22 +183,14 @@ html {
 .programbold {
   font-weight: 600;
 }
+
 .underlined {
-  display: inline-flex;
-  position: relative; /* Important for positioning the pseudo-element */
-  gap: 10px; /* Adjust gap between the spans if needed */
-  cursor: pointer;
+  text-decoration: underline;
+  text-decoration-color: var(--Primary-Default, #e61a6b);
+  text-decoration-thickness: 2px;
+  text-underline-offset: 6px;
 }
 
-.underlined::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  bottom: -2px; /* Adjust this to position the underline */
-  width: 100%;
-  height: 2px; /* Thickness of the underline */
-  background-color: var(--Primary-Default, #e61a6b); /* The pink color */
-}
 details > summary {
   list-style: none;
   display: flex;

src/hemsedal24/index.tsx

@@ -86,8 +86,9 @@ const Hemsedal24: NextPage = () => {
     </li>
     <li>
       <time>14:00 - 16:00</time> 
-      <details><summary><span className={`${styles.underlined} ${styles.summaryText}`}><span className={styles.programbold}>For følge:</span>&nbsp;
-        <span>Pool Club/treningssenter/fritid</span></span><div><div className={styles.disclosureArrow}></div></div></summary>
+      <details><summary><span className={`${styles.underlined} ${styles.summaryText}`}><span className={`${styles.programbold} ${styles.underlined} `}>For følge:</span>&nbsp;
+        <span className={styles.underlined}>Pool Club/treningssenter/fritid</span></span><div><div className={styles.disclosureArrow}></div></div></summary>
+
        <p>Dere kan benytte dere av treningssenter og Pool Club som består av innendørs- og utendørsbassenger,
          og badstue ute. Gå til resepsjonen etter lunsj og få bånd for å kunne gå i Pool Club 
          (Variant betaler). Da har dere fri tilgang til bassenget fram til kl 16:00 og kan gå 
@@ -108,11 +109,11 @@ const Hemsedal24: NextPage = () => {
       <Day title="Lørdag" background>
   <ul>
   <li>
-<time>07:30 - 09:00</time> <span>Frokost 🥐 🍳</span>
+<time>07:30 - 09:00</time> <span>Frokost 🥐 🍳 (spis når dere vil mellom 07:30 og 09:00)</span>
 </li>
 <li>
 <time>09:30</time>       <span className={styles.underlined}>
-  <Link href={'/hemsedal24/aktiviteter'}>
+  <Link className={styles.underlined} href={'/hemsedal24/aktiviteter'}>
   Hundekjøring / Via Ferrata klatring / Stisykling med Hemsedal Rides
   </Link>
 </span><Link href={'/hemsedal24/aktiviteter'}><img style={{marginTop:"6px", marginLeft:"8px"}} src={arrowrightpink}/></Link>
@@ -132,7 +133,7 @@ const Hemsedal24: NextPage = () => {
 <Day title="Søndag">
   <ul>
     <li>
-    <time>07:30 - 09:00</time> <span>Frokost 🥐 🍳</span>
+    <time>07:30 - 09:00</time> <span>Frokost 🥐 🍳 (spis når dere vil mellom 07:30 og 09:00)</span>
     </li>
     <li>
       <time>09:30 - 10:00</time> <span>Avreise fra hotellet, vi blir hentet med buss og kjørt til togstasjonen</span>