Use "i" circle for info button

This commit is contained in:
David Rowe 2017-04-15 12:50:00 +12:00
parent e7fb268843
commit e91cf4a4e8
2 changed files with 9 additions and 7 deletions

View file

@ -106,13 +106,15 @@ body {
#show-info-button { #show-info-button {
font-weight: bold; font-family: HiFi-Glyphs;
font-size: 14px; font-size: 32px;
text-transform: lowercase;
padding: 0;
min-width: 40px;
height: 16px; height: 16px;
margin-left: 14px; line-height: 16px;
display: inline-block;
position: relative;
top: 11px;
margin-top: -11px;
margin-left: 7px;
} }
#show-info-button:hover { #show-info-button:hover {

View file

@ -52,7 +52,7 @@
<tr> <tr>
<td id="footer-text" colspan="2"> <td id="footer-text" colspan="2">
Number of available instances: <span id="players-unused"></span> Number of available instances: <span id="players-unused"></span>
<input id="show-info-button" type="button" value="i" /> <span id="show-info-button">[</span>
</td> </td>
</tr> </tr>
</tfoot> </tfoot>