-<form class="form-inline" role="search" accept-charset="UTF-8" action="">
- <div class="form-group">
- <input name="format" type="hidden" value="html">
- <input name="lat" type="text" class="form-control input-sm" placeholder="latitude" value="{{fLat}}">
- <span id="switch-coords"><></span>
- <input name="lon" type="text" class="form-control input-sm" placeholder="longitude" value="{{fLon}}">
- max zoom
- <select name="zoom" class="form-control input-sm" value="{{iZoom}}">
- {{zoomLevels iZoom}}
- </select>
- </div>
- <div class="form-group search-button-group">
- <button type="submit" class="btn btn-primary btn-sm">Search</button>
- </div>
- <div class="search-type-link">
- <a href="/search.html">forward search</a>
- </div>
-</form>
-
+<div class="top-bar">
+ <form class="form-inline" role="search" accept-charset="UTF-8" action="">
+ <div class="form-group">
+ <input name="format" type="hidden" value="html">
+ <label>lat</label>
+ <input name="lat"
+ type="text"
+ class="form-control form-control-sm"
+ placeholder="latitude"
+ value="{{fLat}}" />
+ <a id="switch-coords" class="btn btn-outline-secondary btn-sm" title="switch lat and lon"><></a>
+ <label>lon</label>
+ <input name="lon"
+ type="text"
+ class="form-control form-control-sm"
+ placeholder="longitude"
+ value="{{fLon}}" />
+ <label>max zoom</label>
+ <select name="zoom" class="form-control form-control-sm" value="{{iZoom}}">
+ {{zoomLevels iZoom}}
+ </select>
+ <button type="submit" class="btn btn-primary btn-sm mx-1">
+ Search
+ </button>
+ </div>
+ <div class="search-type-link">
+ <a href="/search.html">forward search</a>
+ </div>
+ </form>
+</div>