<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 || ''}" />
- <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>),
<style>
form .form-control{
- margin-right: 5px;
- width: 30em;
+ width: 500px;
+ max-width: 100%;
}
.form-text em {
font-family: monospace;