Make 'Show Map' button styling match header

This commit is contained in:
James Wilson 2017-01-30 09:13:25 -06:00
parent fbf8af2236
commit c34b1c38fb
2 changed files with 11 additions and 4 deletions

View file

@ -54,9 +54,9 @@
</div> </div>
<div class="buttonContainer"> <div class="buttonContainer">
<div class="dateTime" id="clock_div"></div> <div class="dateTime" id="clock_div"></div>
<div class="button" onclick="resetMap();"><span class="buttonText">Reset Map</span></div> <div class="button buttonHeader" onclick="resetMap();"><span class="buttonText">Reset Map</span></div>
<div class="button" onclick="selectAllPlanes();"><span class="buttonText">Select All</span></div> <div class="button buttonHeader" onclick="selectAllPlanes();"><span class="buttonText">Select All</span></div>
<div class="button" onclick="deselectAllPlanes();"><span class="buttonText">Select None</span></div> <div class="button buttonHeader" onclick="deselectAllPlanes();"><span class="buttonText">Select None</span></div>
</div> </div>
<div class="settingsContainer"><img src="images/settings-icon.png" id="settingsCog" srcset="images/settings-icon.png 1x, images/settings-icon@2x.png 2x, images/settings-icon@3x.png 3x"></div> <div class="settingsContainer"><img src="images/settings-icon.png" id="settingsCog" srcset="images/settings-icon.png 1x, images/settings-icon@2x.png 2x, images/settings-icon@3x.png 3x"></div>
</div> </div>
@ -260,7 +260,7 @@
<table style="width: 100%"> <table style="width: 100%">
<tr class="infoblock_heading"> <tr class="infoblock_heading">
<td> <td>
<span id="show_map_button" class="sidebarButton pointer">Show Map</span> <div class="button buttonTable" id="show_map_button"><span class="buttonText">Show Map</span></div>
</td> </td>
<td style="text-align: right"> <td style="text-align: right">
<a href="https://github.com/flightaware/dump1090" id="dump1090_version" target="_blank"></a> <a href="https://github.com/flightaware/dump1090" id="dump1090_version" target="_blank"></a>

View file

@ -397,9 +397,16 @@ select.error, textarea.error, input.error {
margin-right: 18px; margin-right: 18px;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
}
.buttonHeader {
margin-top: 15px; margin-top: 15px;
} }
.buttonTable {
margin-bottom: 5px;
}
.settingsContainer { .settingsContainer {
padding-right: 60px; padding-right: 60px;
padding-left: 2px; padding-left: 2px;