Use text for Show Map button

This commit is contained in:
Carlos Salaverria 2016-09-12 18:23:38 -05:00
parent 2245aab7d1
commit 6934c0dbcc
2 changed files with 4 additions and 26 deletions

View file

@ -120,19 +120,16 @@
<td> <td>
<b id="infoblock_name">FlightAware dump1090</b> <b id="infoblock_name">FlightAware dump1090</b>
</td> </td>
<td>
<span id="show_map_button" class="sidebarButton pointer">Show Map</span>
</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>
</td> </td>
</tr> </tr>
<tr class="infoblock_body">
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr> <tr>
<td colspan="2"> <td colspan="2">
<a id="show_map_button" href="#"></a>
<div id="sudo_buttons"> <div id="sudo_buttons">
<span class="sidebarButton pointer" onclick="resetMap();">Reset Map</span> <span class="sidebarButton pointer" onclick="resetMap();">Reset Map</span>
<span class="sidebarButton pointer" onclick="selectAllPlanes();">Select All</span> <span class="sidebarButton pointer" onclick="selectAllPlanes();">Select All</span>
@ -141,11 +138,6 @@
</td> </td>
</tr> </tr>
<tr class="infoblock_body">
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr class="infoblock_body"> <tr class="infoblock_body">
<td>Aircraft (total): <span id="dump1090_total_ac">n/a</span></td> <td>Aircraft (total): <span id="dump1090_total_ac">n/a</span></td>
<td>Messages: <span id="dump1090_message_rate">n/a</span>/sec</td> <td>Messages: <span id="dump1090_message_rate">n/a</span>/sec</td>

View file

@ -74,20 +74,6 @@ html, body {
background-image: url("images/show_sidebar_active_48x40.png"); background-image: url("images/show_sidebar_active_48x40.png");
} }
#show_map_button {
display: block;
width: 48px;
height: 40px;
}
#show_map_button {
background-image: url("images/hide_sidebar_inactive_48x40.png");
}
#show_map_button:hover {
background-image: url("images/hide_sidebar_active_48x40.png");
}
#sidebar_container { #sidebar_container {
display: flex; display: flex;
width: 470px; width: 470px;
@ -123,7 +109,7 @@ div#loader { z-index: 99; position: absolute; left: 0; top: 0; bottom: 0; right:
#sudo_buttons { #sudo_buttons {
display: flex; display: flex;
padding: 0 40px 0 40px; padding: 15px 40px 15px 40px;
justify-content: space-between; justify-content: space-between;
} }