Fixing click dead zones; changesd dl icon

src/manifest.json

@@ -1,10 +1,10 @@
 {
   "manifest_version": 2,
   "name": "Better Youtube +",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "Enhancements for Youtube to have a better experience.",
 
-  "applications": {
+  "browser_specific_settings": {
     "gecko": {
       "id": "betterYoutube@itdominator.com"
     }

src/scripts/betterYoutube.js

@@ -1,11 +1,20 @@
 (function() {
     const menuTemplate = `
-    <div class="ytMenuStyle" id="enhancerMenuID" style="display: block;">
+    <ul class="ytMenuStyle" id="enhancerMenuID" style="display: block;">
+        <li>
             <div id="ytThumbnailBttn" class="imageStyle" title="Video Thumbnails..."></div>
+        </li>
+        <li>
             <div id="ytLoopBttn" class="imageStyle" title="Start Loop..."/></div>
+        </li>
+        <li>
             <div id="ytFloatBttn" class="imageStyle" title="Float Video Container"/></div>
+        </li>
+        <li>
             <div id="ytDownloadBttn" class="imageStyle" title="Download Video..."/></div>
-    </div>
+        </li>
+
+    </ul>
     `
     const slugTemplate = `
     <div id="enhancerMenuID2">
@@ -22,12 +31,20 @@
     </div>
     `
     const thumbnailTemplate = `
-    <div id="ytThumbMenuID" class="ytThumbMenuStyle" style="display: none;">
+    <ul id="ytThumbMenuID" class="ytThumbMenuStyle" style="display: none;">
+        <li>
             <a id="ytAMaxDefaultImgID" target="_blank" href=""><img id="ytMaxDefaultImgID" class="thumbImageStyle" src="" title="Max Resolution Default"/></a>
+        </li>
+        <li>
             <a id="ytAHqDefaultImgID"  target="_blank" href=""><img id="ytHqDefaultImgID" class="thumbImageStyle" src="" title="High Quality Default"/></a>
+        </li>
+        <li>
             <a id="ytAMedDefaultImgID" target="_blank" href=""><img id="ytMqDefaultImgID" class="thumbImageStyle" src="" title="Medium Quality Default"></a>
+        </li>
+        <li>
             <a id="ytASdDefaultImgID"  target="_blank" href=""><img id="ytSdDefaultImgID" class="thumbImageStyle" src="" title="Standard Quality Default"/></a>
-    </div>
+        </li>
+    </ul>
     `
     const popedContainerTemplate = `
     <div id="draggable" style="display:none; block; top: 114px; left: 408px;">
@@ -448,6 +465,7 @@
             if(e.preventDefault)  e.preventDefault();
             e.cancelBubble = true;
             e.returnValue  = false;
+
             return false;
         }
     }

src/styles/betterYoutube.css

@@ -26,7 +26,7 @@ yt-formatted-string > a:hover {
 }
 
 #enhancerMenuID, #enhancerMenuID2 {
-    z-index: 5;
+    z-index: 9999;
 }
 
 #volumeContainerID {
@@ -66,7 +66,6 @@ yt-formatted-string > a:hover {
 .ytMenuStyle {
     top: 40%;
     width: 42px;
-    overflow: hidden;
 }
 
 .ytThumbMenuStyle {
@@ -74,6 +73,15 @@ yt-formatted-string > a:hover {
     bottom: 20px;
 }
 
+.ytThumbMenuStyle > ul,
+.ytThumbMenuStyle > li {
+    list-style: none;
+}
+
+.ytThumbMenuStyle > li {
+    float: left;
+}
+
 .imageStyle {
     width: 42px;
     height: 42px;