Fix mobile view Bugs and add versions to static files for cache breaking

public/css/app.css

@@ -327,7 +327,7 @@ button,
   margin: 0 0 1rem;
 }
 
-#route-page fieldset button {
+#route-page fieldset button.ui-button {
   display: grid;
   place-items: center;
   min-width: 0;
@@ -341,18 +341,18 @@ button,
   touch-action: manipulation;
 }
 
-#route-page fieldset button:focus-visible {
+#route-page fieldset button.ui-button:focus-visible {
   outline: .2rem solid var(--focus);
   outline-offset: .15rem;
 }
 
-#route-page fieldset button:disabled {
+#route-page fieldset button.ui-button:disabled {
   cursor: default;
   filter: grayscale(.65);
   opacity: .42;
 }
 
-#route-page fieldset img {
+#route-page fieldset button.ui-button img {
   width: 2rem;
   height: 2rem;
   pointer-events: none;
@@ -397,17 +397,18 @@ button,
   margin: 0;
 }
 
-#slideshow img {
+#slide-image {
   display: block;
   width: 100%;
+  height: min(55vh, 28rem);
   height: min(55dvh, 28rem);
   object-fit: contain;
   background: #111;
 }
 
 #slideshow > fieldset {
-  display: flex;
-  flex-flow: row nowrap;
+  display: grid;
+  grid-template-columns: var(--icon-button-size) minmax(0, 1fr) var(--icon-button-size);
   align-items: center;
   gap: .5rem;
   width: 100%;
@@ -419,8 +420,6 @@ button,
 
 #slideshow > fieldset > button.ui-button {
   display: grid;
-  flex: 0 0 var(--icon-button-size);
-  align-self: center;
   place-items: center;
   width: var(--icon-button-size);
   height: var(--icon-button-size);
@@ -438,7 +437,6 @@ button,
 
 #slideshow > fieldset > div {
   display: flex;
-  flex: 1 1 0;
   align-self: stretch;
   min-width: 0;
   min-height: var(--icon-button-size);
@@ -466,10 +464,16 @@ button,
 }
 
 #poi-audio {
+  display: block;
   width: 100%;
+  max-width: 100%;
   margin-top: 1rem;
 }
 
+#poi-audio[hidden] {
+  display: none;
+}
+
 #navigation-footer {
   position: fixed;
   right: 0;