reworked app screens and added vibration

public/css/app.css

@@ -219,6 +219,43 @@ button,
   opacity: .65;
 }
 
+#poi-list button {
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+}
+
+#poi-list button > strong,
+#poi-list button > span:not(.poi-proximity) {
+  grid-column: 1;
+}
+
+.poi-proximity {
+  display: grid;
+  grid-column: 2;
+  grid-row: 1 / span 2;
+  place-items: center;
+  min-width: 3.75rem;
+  gap: .15rem;
+  padding-left: .5rem;
+}
+
+.poi-proximity svg {
+  width: 1.65rem;
+  height: 1.65rem;
+  fill: var(--primary-dark);
+  transform: rotate(0deg);
+  transform-origin: 50% 50%;
+  transition: transform 180ms linear;
+  will-change: transform;
+}
+
+.poi-proximity small {
+  color: var(--text);
+  font-size: .8rem;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
 #poi-list button[aria-current="step"] {
   border-color: var(--primary);
   background: #e7f1e9;