3.2.1.1

Recent locations save

assets/css/ui.css

@@ -1122,6 +1122,57 @@
   line-height: 1;
 }
 
+/* Recent locations — quick-click stacked list beneath the last-update line. */
+.utci-recent-locs {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 3px;
+  margin-top: 0.5rem;
+}
+.utci-recent-label {
+  font-family: Manrope, sans-serif;
+  font-size: 9px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: #b09870;
+  margin-bottom: 1px;
+}
+.utci-recent-chip {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  width: 100%;
+  max-width: 220px;
+  padding: 4px 10px 4px 8px;
+  font-family: Manrope, sans-serif;
+  font-size: 0.74rem;
+  font-weight: 600;
+  text-align: left;
+  color: #7a5e2a;
+  background: #fdf8ee;
+  border: 1.5px solid #d9c39b;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
+}
+.utci-recent-chip:hover {
+  background: #f6ecd6;
+  border-color: #c8922a;
+  color: #6a4f1e;
+}
+/* Keep long names on one line with an ellipsis rather than wrapping. */
+.utci-recent-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.utci-recent-pin {
+  flex-shrink: 0;
+  color: #c8922a;
+}
+
 /* ── 10. LEGEND  (thermal-stress band colours at the bottom) ────────── */
 
 .utci-legend {
@@ -1306,6 +1357,13 @@
     text-align: center;
   }
 
+  .utci-recent-locs {
+    align-items: center;
+  }
+  .utci-recent-chip {
+    max-width: 260px;
+  }
+
   .utci-search-wrap {
     width: 100%;
   }