Small changes to footer and navigation

apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.html

@@ -1,7 +1,5 @@
 <footer class="footer">
   <div class="footer__logo-wrapper">
-    <a class="footer__logo-link" href="/">
+    <digi-logo af-color="secondary"></digi-logo>
-      <img class="footer__logo" src="/assets/logo/arbetsformedlingen-light.svg" alt="Arbetsförmedlingen" />
-    </a>
   </div>
 </footer>

apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.scss

@@ -1,15 +1,12 @@
+@import 'variables/gutters';
+
 .footer {
   background-color: var(--digi--ui--color--background--profile);
-  padding: var(--digi--layout--gutter);
+  padding: $digi--layout--gutter--l $digi--layout--gutter;
 
   &__logo-wrapper {
-    height: 100%;
+    ::ng-deep .digi-logo {
-    display: flex;
+      --digi-logo--padding: 0;
-    align-items: center;
     }
-
-  &__logo {
-    height: 2rem;
-    vertical-align: middle;
   }
 }

apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.module.ts

@@ -1,9 +1,10 @@
 import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { FooterComponent } from './footer.component';
 
 @NgModule({
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   declarations: [FooterComponent],
   imports: [CommonModule, RouterModule],
   exports: [FooterComponent],

apps/mina-sidor-fa/src/app/shared/components/layout/components/navigation/navigation.component.scss

@@ -26,6 +26,10 @@
 
   &__logo-link {
     text-decoration: none;
+
+    ::ng-deep .digi-logo {
+      --digi-logo--padding: 0;
+    }
   }
 
   &__logo {

apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.scss

@@ -43,6 +43,5 @@
   &__footer {
     grid-area: footer;
     background-color: var(--digi--ui--color--primary);
-    min-height: 10rem;
   }
 }