5.0.1

Fix flipped table alignments

assets/js/app.js

@@ -1405,14 +1405,17 @@ export function UTCIForecast() {
                   <span class="utci-time-inner">
                     <${SkyScope} elev=${r.elev} dt=${r.dt} glob=${r.glob} size=${38} />
                     <span>${localHHMM}</span>
-                    ${rowEvents.map((ev, idx) => html`
-                      <span key=${ev.id} class="event-cell-tag"
-                        onClick=${(e) => handleEventTagClick(rowEvents, idx, e)}
-                        onMouseEnter=${(e) => handleEventTagEnter(rowEvents, idx, e)}
-                        onMouseLeave=${handleEventTagLeave}
-                        role="button" tabIndex="0" aria-label=${ev.title}
-                      >${ev.emoji}</span>
-                    `)}
+                    ${rowEvents.length > 0 && html`
+                      <span class="utci-time-tags">
+                        ${rowEvents.map((ev, idx) => html`
+                          <span key=${ev.id} class="event-cell-tag"
+                            onClick=${(e) => handleEventTagClick(rowEvents, idx, e)}
+                            onMouseEnter=${(e) => handleEventTagEnter(rowEvents, idx, e)}
+                            onMouseLeave=${handleEventTagLeave}
+                            role="button" tabIndex="0" aria-label=${ev.title}
+                          >${ev.emoji}</span>
+                        `)}
+                      </span>`}
                   </span>`;
               };