From 37b300b8e987ab00b4fda42fb247cf6ea7a318fb Mon Sep 17 00:00:00 2001
From: Leyla Becker <git@jan-leila.com>
Date: Sun, 22 Feb 2026 16:33:27 -0600
Subject: [PATCH] feat: added unit label

---
 _includes/base.njk | 5 +++++
 js/measurements.js | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/_includes/base.njk b/_includes/base.njk
index a3fe7ea..d59710d 100644
--- a/_includes/base.njk
+++ b/_includes/base.njk
@@ -123,6 +123,11 @@
   
   {% if pageType == 'recipe' %}
   <style>
+    .unit-label {
+      font-size: var(--font-size-small);
+      color: var(--color-text-muted);
+      font-weight: var(--font-weight-medium);
+    }
     .measurement-toggles {
       display: none;
       flex-direction: column;
diff --git a/js/measurements.js b/js/measurements.js
index fdea030..24e6df6 100644
--- a/js/measurements.js
+++ b/js/measurements.js
@@ -235,6 +235,11 @@
     var unitRow = document.createElement('div');
     unitRow.className = 'toggle-row';
 
+    var unitLabel = document.createElement('span');
+    unitLabel.className = 'unit-label';
+    unitLabel.textContent = 'Unit:';
+    unitRow.appendChild(unitLabel);
+
     var typeOrder = ['temperature', 'weight', 'volume', 'dimension', 'time'];
     typeOrder.forEach(function (type) {
       if (!typeHasToggle[type]) return;