Added icons to menu actions in Web UI

src/webui/css/style.css

@@ -242,4 +242,9 @@ a.propButton img {
         padding: 25px 0 0 14px;
 }
 
+.MyMenuIcon {
+  margin-left: -16px;
+  margin-bottom: -3px;
+  padding-right: 3px;
+}
 

src/webui/index.html

@@ -35,36 +35,36 @@
 					<li>
 						<a class="returnFalse">_(File)</a>
 						<ul>
-							<li><a id="uploadLink">_(Open torrent)</a></li>
-							<li><a id="downloadLink">_(Download from URL)</a></li>
+							<li><a id="uploadLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/open.png" width="16" height="16" onload="fixPNG(this)"/>_(Open torrent)</a></li>
+							<li><a id="downloadLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/url.png" width="16" height="16" onload="fixPNG(this)"/>_(Download from URL)</a></li>
 						  
 						</ul>
 					</li>
 					<li>
 						<a class="returnFalse">_(Edit)</a>
 						<ul>
-							<li><a id="resumeAllLink">_(Start All)</a></li>
-							<li><a id="pauseAllLink">_(Pause All)</a></li>
-							<li class="divider"><a id="resumeLink">_(Start)</a></li>
-							<li><a id="pauseLink">_(Pause)</a></li>
-							<li><a id="recheckLink">_(Force recheck)</a></li>
-							<li class="divider"><a id="deleteLink">_(Delete)</a></li>
-							<li><a id="deletePermLink">_(Delete from HD)</a></li>
+							<li><a id="resumeAllLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/play_all.png" width="16" height="16" onload="fixPNG(this)"/>_(Start All)</a></li>
+							<li><a id="pauseAllLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/pause_all.png" width="16" height="16" onload="fixPNG(this)"/>_(Pause All)</a></li>
+							<li class="divider"><a id="resumeLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/play.png" width="16" height="16" onload="fixPNG(this)"/>_(Start)</a></li>
+							<li><a id="pauseLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/pause.png" width="16" height="16" onload="fixPNG(this)"/>_(Pause)</a></li>
+							<li><a id="recheckLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/oxygen/gear.png" width="16" height="16" onload="fixPNG(this)"/>_(Force recheck)</a></li>
+							<li class="divider"><a id="deleteLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/delete.png" width="16" height="16" onload="fixPNG(this)"/>_(Delete)</a></li>
+							<li><a id="deletePermLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/delete_perm.png" width="16" height="16" onload="fixPNG(this)"/>_(Delete from HD)</a></li>
 						</ul>
 					</li>
 					<li>
 						<a class="returnFalse">_(Options)</a>
 						<ul>
-							<li><a id="preferencesLink">_(Preferences)</a></li>
+							<li><a id="preferencesLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/settings.png" width="16" height="16" onload="fixPNG(this)"/>_(Preferences)</a></li>
 						</ul>
 					</li>
 					<li>
 						<a class="returnFalse">_(Help)</a>
 						<ul>
-							<li><a id="bugLink">_(Report a bug)</a></li>
-							<li><a id="siteLink">_(Visit Website)</a></li>
-							<li><a id="docsLink">_(Documentation)</a></li>
-							<li><a id="aboutLink">_(About)</a></li>
+							<li><a id="bugLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/oxygen/bug.png" width="16" height="16" onload="fixPNG(this)"/>_(Report a bug)</a></li>
+							<li><a id="siteLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/qbittorrent16.png" width="16" height="16" onload="fixPNG(this)"/>_(Visit Website)</a></li>
+							<li><a id="docsLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/qb_question.png" width="16" height="16" onload="fixPNG(this)"/>_(Documentation)</a></li>
+							<li><a id="aboutLink"><img class="MyMenuIcon" alt="_(Download local torrent)" src="images/skin/info.png" width="16" height="16" onload="fixPNG(this)"/>_(About)</a></li>
 						</ul>
 					</li>
 				</ul>