From f995cd6e67f0e124c681eb47c1ed5da368e13250 Mon Sep 17 00:00:00 2001
From: Nidde Nedelius <nidde.nedelius@posten.no>
Date: Wed, 10 Aug 2022 12:10:36 +0200
Subject: [PATCH 1/2] update warning banner styling for links

---
 src/shared/components/warning-banner/warning-banner.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/shared/components/warning-banner/warning-banner.css b/src/shared/components/warning-banner/warning-banner.css
index f4a69efc..10c5f940 100644
--- a/src/shared/components/warning-banner/warning-banner.css
+++ b/src/shared/components/warning-banner/warning-banner.css
@@ -22,7 +22,6 @@
 
     a {
       font-size: var(--hw-font-size-smaller);
-      text-decoration: underline;
     }
 
     /**
@@ -118,7 +117,7 @@
     }
 
     &__read-more-link {
-      display: block;
+      display: inline-block;
       position: relative;
       margin-top: var(--hw-spacing-small-4);
       font-size: var(--hw-font-size-small);

From da381be56cf09fa7e762bf998e27a8c7e3d91995 Mon Sep 17 00:00:00 2001
From: Nidde Nedelius <nidde.nedelius@posten.no>
Date: Wed, 10 Aug 2022 15:29:35 +0200
Subject: [PATCH 2/2] update documentation and extend link class

---
 src/shared/components/warning-banner/Warning-banner.md  | 2 +-
 src/shared/components/warning-banner/warning-banner.css | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/shared/components/warning-banner/Warning-banner.md b/src/shared/components/warning-banner/Warning-banner.md
index d6ac953c..be26cc98 100644
--- a/src/shared/components/warning-banner/Warning-banner.md
+++ b/src/shared/components/warning-banner/Warning-banner.md
@@ -38,7 +38,7 @@ Required:
       <i class="fas fa-chevron-down" data-fa-transform="down-2" title="Open warning-banner information"></i>
     </button>
     <div class="hw-warning-banner__contents">
-      The asphalt on the roads is melting and our vehicles are stuck in thick oil. Drone deliveries operating as normal.
+      <p>The asphalt on the roads is melting and our vehicles are stuck in thick oil. Drone deliveries operating as normal.</p>
       <a href="#" class="hw-warning-banner__read-more-link">Read more</a>
     </div>
   </section>
diff --git a/src/shared/components/warning-banner/warning-banner.css b/src/shared/components/warning-banner/warning-banner.css
index 10c5f940..3ba185d6 100644
--- a/src/shared/components/warning-banner/warning-banner.css
+++ b/src/shared/components/warning-banner/warning-banner.css
@@ -117,6 +117,8 @@
     }
 
     &__read-more-link {
+      @extend .hw-link, .hw-link--solid;
+      
       display: inline-block;
       position: relative;
       margin-top: var(--hw-spacing-small-4);