From 199b49ef9eef55d9a34436de60bb076794d0bfcf Mon Sep 17 00:00:00 2001
From: Ruben <post@rubensolvang.no>
Date: Sat, 17 Jan 2026 13:35:35 +0100
Subject: [PATCH] Update announcement bar styling and structure

Add label element with uppercase styling
Adjust content font size for better readability
Maintain semantic HTML structure
---
 content/00-announcement-bar.html |  3 ++-
 content/styles.css               | 10 +++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/content/00-announcement-bar.html b/content/00-announcement-bar.html
index b849f87..2ae4a2b 100644
--- a/content/00-announcement-bar.html
+++ b/content/00-announcement-bar.html
@@ -1,3 +1,4 @@
 <a href="/underskriftskampanje/medisinsk-cannabis-pa-resept" class="announcement-bar escape">
-    <p class="announcement-bar__content">Signer underskriftskampanjen: Ja til medisinsk cannabis på resept!<span class="announcement-bar__arrow">→</span></p>
+    <p class="announcement-bar__label">Signer underskriftskampanjen</p>
+    <p class="announcement-bar__content">Ja til medisinsk cannabis på resept!<span class="announcement-bar__arrow">→</span></p>
 </a>
diff --git a/content/styles.css b/content/styles.css
index b44d1a2..ff2c8cf 100644
--- a/content/styles.css
+++ b/content/styles.css
@@ -11,9 +11,17 @@
     }
 }
 
+.announcement-bar__label {
+    color: white;
+    font-size: clamp(0.7rem, 2vw, 0.8rem);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    margin: 0 auto 0;
+}
+
 .announcement-bar__content {
     color: white;
-    font-size: clamp(0.95rem, 2.5vw, 1rem);
+    font-size: clamp(1rem, 2.5vw, 1.1rem);
     line-height: 1.4;
     margin: 0 auto;
     text-align: center;