Merge pull request #513 from navikt/TOLK-3614

TOLK-3614 : Kurs - Erstatt den utdaterte knappen og oppdater border color på boksene

Author: SFBenjaminle

force-app/main/default/lwc/courseRegistrationForm/courseRegistrationForm.css

@@ -61,15 +61,16 @@
 }
 
 .omKurset__panel {
-    /*margin-top: 1rem;*/
     padding-bottom: 2.5rem;
+    border: 1px solid #457c9d;
 }
 
 .panel,
 .panel--stor {
     background-color: #fff;
     display: block;
     border-radius: 4px;
+    border: 1px solid #457c9d;
 }
 
 .metainfo__panel {
@@ -81,7 +82,10 @@
 
 .typo-systemtittel {
     margin: 0;
-    font-family: Source Sans Pro, Arial, sans-serif;
+    font-family:
+        Source Sans Pro,
+        Arial,
+        sans-serif;
     font-size: 1.375rem;
     line-height: 1.625rem;
     font-weight: 600;
@@ -160,7 +164,10 @@
     display: inline-grid;
     place-items: center;
     font-weight: 600;
-    font-family: Source Sans Pro, Arial, sans-serif;
+    font-family:
+        Source Sans Pro,
+        Arial,
+        sans-serif;
     font-size: 1em;
     white-space: nowrap;
     border-radius: 0.125em;
@@ -223,17 +230,6 @@
     margin-top: 1rem;
 }
 
-.btn2 {
-    background-color: #0067c5;
-    border-color: #0067c5;
-    border: 2px solid #0067c5;
-    color: #fff;
-    margin-left: 1em;
-    padding: 0.5rem;
-    box-shadow: 0 2px 0 #c6c2bf;
-    border-radius: 0.125em;
-}
-
 .padding-small {
     padding-top: 0.75rem;
     padding-right: 0.75rem;
@@ -277,6 +273,10 @@
     fill: #0067c5;
 }
 
+.access-text__header {
+    font-size: 1.125rem;
+}
+
 .skjemaelement__label {
     font-weight: 600;
     display: block;

force-app/main/default/lwc/courseRegistrationForm/courseRegistrationForm.html

@@ -59,7 +59,9 @@ <h2 style="font-size: 1.2rem" class="omKurset__overskrift">
                                 </h2>
 
                                 <div class="inline">
-                                    <label for="invCode" class="skjemaelement__label">Tast inn din tilgangskode</label>
+                                    <label for="invCode" class="access-text__header skjemaelement__label"
+                                        >Tast inn din tilgangskode</label
+                                    >
                                     <input
                                         type="text"
                                         class="skjemaelement__input"
@@ -70,9 +72,14 @@ <h2 style="font-size: 1.2rem" class="omKurset__overskrift">
                                         required
                                     />
 
-                                    <button title="Vis aktivitet" class="btn2" type="submit" onclick={validateCode}>
-                                        Vis aktivitet
-                                    </button>
+                                    <c-button
+                                        button-label="Vis aktivitet"
+                                        type="submit"
+                                        onbuttonclick={validateCode}
+                                        desktop-style="margin: 0.5rem"
+                                        mobile-style="margin: 0.5rem"
+                                    >
+                                    </c-button>
                                 </div>
                                 <br />
                             </form>

force-app/main/default/lwc/courseRegistrationInformation/courseRegistrationInformation.css

@@ -12,7 +12,10 @@
 
 .typo-element,
 .typo-feilmelding {
-    font-family: Source Sans Pro, Arial, sans-serif;
+    font-family:
+        Source Sans Pro,
+        Arial,
+        sans-serif;
     font-size: 1rem;
     line-height: 1.375rem;
     /* font-weight: 600;*/
@@ -40,6 +43,7 @@
     display: flex;
     flex-direction: column;
     margin-bottom: 1rem;
+    border: 1px solid #457c9d;
 }
 
 .panel,

force-app/main/default/lwc/courseRegistrationInformation/courseRegistrationInformation.html

@@ -17,7 +17,7 @@
             </div>
             <div class="metainfo__egenskap">
                 <img class="metainfo__ikon" src={staricon} alt="" />
-                <p class="typo-element metainfo__infoTekst">Type kurs: {type}</p>
+                <p class="typo-element metainfo__infoTekst">Type: {type}</p>
             </div>
             <div class="metainfo__egenskap">
                 <img class="metainfo__ikon" src={staricon} alt="" />