Updated mock-api and added relevant changes to deltagare-card component

apps/dafa-web/src/app/pages/deltagare/pages/deltagare-card/deltagare-card.component.html

@@ -23,7 +23,7 @@
                     ></dafa-hide-text>
                   </dd>
                   <ng-container *ngFor="let address of deltagare.addresses">
-                    <dt>{{address.type}}</dt>
+                    <dt>{{address.type}}:</dt>
                     <dd>
                       <address>
                         {{ address.street }}<br />
@@ -56,7 +56,7 @@
                 </dl>
                 <dl>
                   <dt>Tolk:</dt>
-                  <dd>{{deltagare.translator ? 'Ja ({{deltagare.translator}})' : 'Nej'}}</dd>
+                  <dd>{{deltagare.translator ? 'Ja (' + deltagare.translator + ')' : 'Nej'}}</dd>
                 </dl>
               </div>
               <div class="deltagare-card__tab-column">
@@ -154,8 +154,8 @@
                 <h2>Körkortsinformation</h2>
                 <dl>
                   <dt>Har körkort</dt>
-                  <dd>{{deltagare.driversLicense.licenses ? 'Ja' : 'Nej'}}</dd>
-                  <ng-container *ngIf="deltagare.driversLicense.licenses">
+                  <dd>{{deltagare.driversLicense.licenses.length ? 'Ja' : 'Nej'}}</dd>
+                  <ng-container *ngIf="deltagare.driversLicense.licenses.length">
                     <dt>Körkortsklasser</dt>
                     <dd>{{deltagare.driversLicense.licenses.join(', ')}}</dd>
                     <dt>Tillgång till bil</dt>

apps/dafa-web/src/app/pages/deltagare/pages/deltagare-card/deltagare-card.component.scss

@@ -13,14 +13,11 @@
 
   dd {
     margin: 0 0 var(--digi--layout--gutter--xs);
-
-    + dd {
-      margin-top: var(--digi--layout--gutter);
-    }
   }
 
   dt {
     font-weight: var(--digi--typography--font-weight--semibold);
+    margin-top: var(--digi--layout--gutter--s);
   }
 
   &__accordion {

apps/dafa-web/src/styles/styles.scss

@@ -26,6 +26,10 @@ strong {
   font-weight: var(--digi--typography--font-weight--semibold);
 }
 
+address {
+  font-style: normal;
+}
+
 // Make all digi icons display inline-flex to make them get the correct height.
 [class^='sc-digi-icon'],
 .digi-button__icon {