image handling update for route creation

public/css/bootstrap.css

@@ -236,7 +236,25 @@
   line-height: 1.2;
 }
 
-#bootstrap-screen .privacy-summary {
+#bootstrap-screen 
+.android-browser-hint {
+  margin: .8rem 0 0;
+  padding: .75rem .9rem;
+  border: 1px solid #cbdccf;
+  border-radius: .85rem;
+  background: #eef7f1;
+  color: #24462b;
+  font-size: .9rem;
+  line-height: 1.35;
+}
+
+.android-browser-hint[data-browser="other"] {
+  border-color: #e3c98c;
+  background: #fff8e8;
+  color: #694d14;
+}
+
+.privacy-summary {
   display: grid;
   gap: .65rem;
   margin: .85rem 0 0;

public/css/editor.css

@@ -3,31 +3,30 @@
   top: calc(env(safe-area-inset-top) + .45rem);
   right: calc(max(.65rem, env(safe-area-inset-right)) + var(--icon-button-size) + .5rem);
   z-index: 10000;
+  display: flex;
+  align-items: flex-start;
+  gap: .4rem;
 }
 
-.route-control-button,
-.route-control-button.ui-button {
+.route-control-summary {
   display: grid;
-  width: min(13rem, calc(100vw - var(--icon-button-size) - 5.2rem));
-  min-width: 0;
+  width: min(13rem, calc(100vw - (var(--icon-button-size) * 2) - 6rem));
   min-height: var(--icon-button-size);
   box-sizing: border-box;
+  align-content: center;
   gap: .08rem;
-  margin: 0;
   padding: .35rem .75rem;
   overflow: hidden;
-  border: 2px solid rgba(255, 255, 255, .9);
-  border-radius: 999px;
-  background: #24462b;
+  border: 1px solid rgba(255, 255, 255, .72);
+  border-radius: .9rem;
+  background: rgba(36, 70, 43, .94);
   color: #fff;
-  box-shadow: 0 .15rem .55rem rgba(0, 0, 0, .28);
-  text-align: left;
-  cursor: pointer;
-  touch-action: manipulation;
+  box-shadow: 0 .15rem .55rem rgba(0, 0, 0, .22);
+  pointer-events: none;
 }
 
-.route-control-button strong,
-.route-control-button small {
+.route-control-summary strong,
+.route-control-summary small {
   display: block;
   min-width: 0;
   overflow: hidden;
@@ -35,17 +34,44 @@
   white-space: nowrap;
 }
 
-.route-control-button strong {
+.route-control-summary strong {
   font-size: .9rem;
   line-height: 1.1;
 }
 
-.route-control-button small {
+.route-control-summary small {
   color: rgba(255, 255, 255, .86);
   font-size: .68rem;
   line-height: 1.1;
 }
 
+.route-control-button,
+.route-control-button.ui-button {
+  display: grid;
+  place-items: center;
+  width: var(--icon-button-size);
+  min-width: var(--icon-button-size);
+  height: var(--icon-button-size);
+  min-height: var(--icon-button-size);
+  box-sizing: border-box;
+  margin: 0;
+  padding: .45rem;
+  overflow: hidden;
+  border: 2px solid rgba(255, 255, 255, .9);
+  border-radius: 50%;
+  background: #24462b;
+  color: #fff;
+  box-shadow: 0 .15rem .55rem rgba(0, 0, 0, .28);
+  cursor: pointer;
+  touch-action: manipulation;
+}
+
+.route-control-button img {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
 .route-control-button:focus-visible,
 .route-control-button.ui-button:focus-visible {
   outline: .2rem solid #fff;
@@ -142,7 +168,7 @@
 
 .route-control-actions {
   display: grid;
-  grid-template-columns: auto minmax(0, 1fr);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: .5rem;
   margin-top: .85rem;
   padding-top: .75rem;
@@ -172,14 +198,7 @@
   display: inline-flex;
   justify-content: center;
   min-height: 2.75rem;
-  min-width: 2.75rem;
-  padding: .5rem;
-}
-
-.editor-button img {
-  display: block;
-  height: 1.65rem;
-  width: 1.65rem;
+  padding: .55rem .85rem;
 }
 
 .editor-media-actions {
@@ -511,6 +530,11 @@
   resize: vertical;
 }
 
+.editor-gpx-group {
+  display: grid;
+  gap: .6rem;
+}
+
 .editor-secondary-button,
 .editor-icon-button {
   background: #fff;
@@ -559,11 +583,8 @@
     right: calc(max(.5rem, env(safe-area-inset-right)) + var(--icon-button-size) + .35rem);
   }
 
-  .route-control-button,
-  .route-control-button.ui-button {
-    width: min(10.5rem, calc(100vw - var(--icon-button-size) - 4.7rem));
-    padding-right: .55rem;
-    padding-left: .55rem;
+  .route-control-summary {
+    width: min(10.5rem, calc(100vw - (var(--icon-button-size) * 2) - 5rem));
   }
 
   .route-control-dropdown {