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

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

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="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']); ?>" > <input name="lon" type="text" class="form-control input-sm" placeholder="longitude" value="<?php echo htmlspecialchars($_GET['lon']); ?>" >
</div> </div>
<div class="form-group"> <div class="form-group search-button-group">
<button type="submit" class="btn btn-primary btn-sm">Search</button> <button type="submit" class="btn btn-primary btn-sm">Search</button>
</div> </div>
<div> <div class="search-type-link">
<a href="<?php echo CONST_Website_BaseURL; ?>search.php">forward search</a> <a href="<?php echo CONST_Website_BaseURL; ?>search.php">forward search</a>
</div> </div>
</form> </form>

View File

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

View File

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

View File

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