2.7.3

Add thermals to 'Why' label
Fix profile tab spacing
Add arrows to profile sides scroller

assets/js/app.js

@@ -458,7 +458,10 @@ export function UTCIForecast() {
                     onChange=${(v) => setUtciEnv(v)}
                   />
                 </div>
-                <div class="insight-panel-title">Why it feels like this</div>
+                <div class="insight-panel-title">
+                  Why It Feels
+                  ${currentCat && html`<span class="insight-thermal-cat" style=${{ background: currentCat.bg, color: currentCat.fg }}>${currentCat.label}</span>`}
+                </div>
                 ${[
                   { label: 'Sun and sky',    icon: '☀',  value: whyFeelsLike.sunAndSky },
                   { label: 'Wind',           icon: '🌬',  value: whyFeelsLike.wind },

assets/js/components/DayTabs.js

@@ -176,6 +176,8 @@ export function DayTabs({
           `)}
         </div>
         <div class="profile-scroll-wrap" ref=${profileWrapRef}>
+          <span class="profile-scroll-chevron left" aria-hidden="true">‹</span>
+          <span class="profile-scroll-chevron right" aria-hidden="true">›</span>
         <div class="profile-scroll" ref=${profileScrollRef}>
 
           ${activeTab === 'common' && profileButtonOrder.map((key) => {