Improve place details with icons

2026-01-21 16:10:22 +07:00
parent 3fcaa0bfa2
commit 01c3b5a1ac
3 changed files with 114 additions and 23 deletions
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -223,3 +223,28 @@ body {
 .ol-touch .ol-control.ol-locate {
  top: 5.5em; /* Adjust for touch devices where controls might be larger */
 }
+
+span.icon {
+  display: inline-block;
+}
+
+.icon {
+  flex-shrink: 0;
+}
+
+.icon svg {
+  width: 100%;
+  height: 100%;
+  stroke: currentColor;
+  fill: none;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+.content-with-icon {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+}