npm package updates

[nominatim-ui.git] / src / components / SearchSectionDetails.svelte

diff --git a/src/components/SearchSectionDetails.svelte b/src/components/SearchSectionDetails.svelte
index cd5faacdc9adff721f05fb75d89d2b36633f5187..c30f057ead9e89f8e84d85d6a5248c6a9c020050 100644 (file)
--- a/src/components/SearchSectionDetails.svelte
+++ b/src/components/SearchSectionDetails.svelte
@@ -25,11 +25,18 @@
 </script>
 
 <form on:submit|preventDefault={handleFormSubmit} class="form-inline" action="details.html">
-  <input type="edit"
-         class="form-control form-control-sm mr-1"
-         pattern="^[NWRnwr]?[0-9]+$|.*openstreetmap.*"
-         value="{api_request_params.osmtype || ''}{api_request_params.osmid || ''}{api_request_params.place_id || ''}" />
-  <button type="submit" class="btn btn-primary btn-sm">Show</button>
+  <div class="row g-1">
+    <div class="col-auto">
+      <input type="edit"
+             class="form-control form-control-sm me-1"
+             pattern="^[NWRnwr]?[0-9]+$|.*openstreetmap.*"
+             value="{api_request_params.osmtype || ''}{api_request_params.osmid || ''}{api_request_params.place_id || ''}"
+             autofocus />
+      </div>
+    <div class="col-auto">
+      <button type="submit" class="btn btn-primary btn-sm">Show</button>
+    </div>
+  </div>
 </form>
 <small class="form-text text-muted">
   OSM type+id (<em>N123</em>, <em>n123</em>, <em>W123</em>, <em>w123</em>, <em>R123</em>, <em>r123</em>),