allow theming (#84)

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

diff --git a/src/components/SearchSectionDetails.svelte b/src/components/SearchSectionDetails.svelte
index 938b48bd8a2b5239c4c3742c2442cde813a65f36..8029fb3705392c7a4f4cda9d0d3ae2456db19a30 100644 (file)
--- a/src/components/SearchSectionDetails.svelte
+++ b/src/components/SearchSectionDetails.svelte
@@ -26,10 +26,10 @@
 
 <form on:submit|preventDefault={handleFormSubmit} class="form-inline" action="details.html">
   <input type="edit"
 
 <form on:submit|preventDefault={handleFormSubmit} class="form-inline" action="details.html">
   <input type="edit"

-         class="form-control form-control-sm"
+         class="form-control form-control-sm mr-1"

          pattern="^[NWR]?[0-9]+$|.*openstreetmap.*"
          value="{api_request_params.osmtype || ''}{api_request_params.osmid || ''}{api_request_params.place_id || ''}" />
          pattern="^[NWR]?[0-9]+$|.*openstreetmap.*"
          value="{api_request_params.osmtype || ''}{api_request_params.osmid || ''}{api_request_params.place_id || ''}" />

-  <input type="submit" class="btn btn-primary btn-sm" value="Show" />
+  <button type="submit" class="btn btn-primary btn-sm">Show</button>

 </form>
 <small class="form-text text-muted">
   OSM type+id (<em>N123</em>, <em>W123</em>, <em>R123</em>),
 </form>
 <small class="form-text text-muted">
   OSM type+id (<em>N123</em>, <em>W123</em>, <em>R123</em>),


@@ -39,8 +39,8 @@
 
 <style>
   form .form-control{
 
 <style>
   form .form-control{

-    margin-right: 5px;
-    width: 30em;
+    width: 500px;
+    max-width: 100%;

   }
   .form-text em {
     font-family: monospace;
   }
   .form-text em {
     font-family: monospace;