X-Git-Url: https://git.rvb.name/mpd-lua.git/blobdiff_plain/b12b118f634647454e110084173fefbb659419cc..6c4cba13d034c0c7675e8f2aa3ee04ad24c911e1:/index.html?ds=sidebyside

diff --git a/index.html b/index.html
index 608a4a2..a80c421 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
 <tr>
 <td id="left">Now playing</td>
 <td id="right">
-<span onclick="RefreshPageContent()"><img class="button" align="right" width="20" src="images/replay.svg"></span>
+<span onclick="RefreshPageContent()"><img class="medium-button" align="right" title="Refresh" src="images/replay.svg"></span>
 </td>
 </tr>
 </table>
@@ -30,13 +30,13 @@
 <div id="control_buttons">
 <table>
 <tr>
-<td><span onclick="Command('previous')"><img class="button" width="30" src="images/back.svg"></span></td>
-<td><span onclick="Command('rewind')"><img class="button" width="30" src="images/rewind.svg"></span></td>
-<td><div id="playpausebutton"><span onclick="Command('pause')"><img class="button" width="30" src="images/pause.svg"></span></div></td>
-<td><div id="stopbutton"><span onclick="Command('stop')"><img class="button" width="30" src="images/stop.svg"></span></div></td>
-<td><span onclick="Command('fastfwd')"><img class="button" width="30" src="images/fast-forward.svg"></span></td>
-<td><span onclick="Command('next')"><img class="button" width="30" src="images/next.svg"></span></td>
-<td><span onclick="Command('repeat')"><div id="repeatstate"><img class="button" width="30" src="images/replay.svg"></div></span></td>
+<td><span onclick="Command('previous')"><img class="button" title="Previous" src="images/back.svg"></span></td>
+<td><span onclick="Command('rewind')"><img class="button" title="Rewind" src="images/rewind.svg"></span></td>
+<td><div id="playpausebutton"><span onclick="Command('pause')"><img class="button" title="Pause" src="images/pause.svg"></span></div></td>
+<td><div id="stopbutton"><span onclick="Command('stop')"><img class="button" title="Stop" src="images/stop.svg"></span></div></td>
+<td><span onclick="Command('fastfwd')"><img class="button" title="Fast Forward" src="images/fast-forward.svg"></span></td>
+<td><span onclick="Command('next')"><img class="button" title="Next" src="images/next.svg"></span></td>
+<td><span onclick="Command('repeat')"><div id="repeatstate"><img class="button" title="Repeat is on" src="images/replay.svg"></div></span></td>
 </tr>
 </table>
 </div>
@@ -44,9 +44,9 @@
 <div id="control_volume">
 <table>
 <tr>
-<td><span onclick="Command('vold')"><img class="button" width="30" src="images/minus.svg"></span></td>
+<td><span onclick="Command('vold')"><img class="button" title="Volume down" src="images/minus.svg"></span></td>
 <td id="volume_content">Volume:</td><td><div id="volume_total"></div></div></td>
-<td><span onclick="Command('volu')"><img class="button" width="30" src="images/plus.svg"></span></td>
+<td><span onclick="Command('volu')"><img class="button" title="Volume up" src="images/plus.svg"></span></td>
 </tr>
 </table>
 </div>