Change place of bookmarklet

css/style.css

@@ -248,7 +248,24 @@ color:#f2084a;
   -moz-transition: all 0.1s ease-in;
   -o-transition: all 0.1s ease-in;
 }
-    
+ 
+#bookmarklet{
+padding:15px;
+}
+
+.bookmarklet{
+position:relative;
+font-size:13px;
+color:gray;
+z-index:10;
+text-decoration:none;
+padding-left:30px;
+padding-right:30px;
+padding-top:10px;
+padding-bottom:10px;
+border: 2px dotted;
+}
+   
 .mp3
 {
     position:relative;

templates/footer.tpl

@@ -15,7 +15,6 @@
      ·
      Based on <a href="http://rg3.github.io/youtube-dl/">youtube-dl</a>
      &middot;
-     <a href="javascript:window.location='{$base_url}/api.php?url='+encodeURIComponent(location.href);">Bookmarklet</a>
      </div>
 </footer>
 </body>

templates/index.tpl

@@ -21,4 +21,6 @@
     </div>
     </form>
     <a class="combatiblelink" href="extractors.php">See all supported websites</a>
+    <div id="bookmarklet"> <a class="bookmarklet" href="javascript:window.location='{$base_url}/api.php?url='+encodeURIComponent(location.href);">Bookmarklet</a> </div>
+
 </div>