osm-search/Nominatim
1
1
Fork 0
mirror of https://github.com/osm-search/Nominatim.git synced 2024-12-25 22:12:45 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1 from lonvia/mobile-responsive-compact-header

Browse Source 
make headers more compact
This commit is contained in:
mtmail 2016-01-21 11:53:52 +00:00
commit 6822e50fe5
4 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lib/template/address-html.php
View File

@ -16,10 +16,10 @@
<input name="lat" type="text" class="form-control input-sm" placeholder="latitude" value="<?php echo htmlspecialchars($_GET['lat']); ?>" >
<input name="lon" type="text" class="form-control input-sm" placeholder="longitude" value="<?php echo htmlspecialchars($_GET['lon']); ?>" >
</div>
<div class="form-group">
<div class="form-group search-button-group">
<button type="submit" class="btn btn-primary btn-sm">Search</button>
</div>
<div>
<div class="search-type-link">
<a href="<?php echo CONST_Website_BaseURL; ?>search.php">forward search</a>
</div>
</form>

4
lib/template/search-html.php
View File

@ -14,7 +14,7 @@
<div class="form-group">
<input id="q" name="q" type="text" class="form-control input-sm" placeholder="Search" value="<?php echo htmlspecialchars($sQuery); ?>" >
</div>
<div class="form-group">
<div class="form-group search-button-group">
<button type="submit" class="btn btn-primary btn-sm">Search</button>
<?php if (CONST_Search_AreaPolygons) { ?>
<!-- <input type="checkbox" value="1" name="polygon" <?php if ($bAsText) echo "checked='checked'"; ?>/> Highlight -->
@ -28,7 +28,7 @@
</label>
</div>
</div>
<div>
<div class="search-type-link">
<a href="<?php echo CONST_Website_BaseURL; ?>reverse.php?format=html">reverse search</a>
</div>
</form>

2
website/css/common.css
View File

@ -1,6 +1,6 @@
header {
width: 100%;
padding: 15px;
padding: 5px;
z-index: 5;
}

15
website/css/search.css
View File

@ -7,6 +7,11 @@ form {
form #q {
min-width: 500px;
}
@media (max-width: 850px) {
form #q {
min-width: 400px;
}
}
form .checkbox-inline {
margin-left: 10px;
}
@ -14,6 +19,13 @@ form label {
font-weight: normal;
}
.search-type-link {
display: inline;
margin-right: 2em;
position: absolute;
right: 0
}
.sidebar {
width: 25%;
padding: 15px;
@ -123,4 +135,7 @@ footer p {
.sidebar {
width: 100%;
}
.search-button-group {
display: inline
}
}