Copy to clipboard icon implemented

Author: Philipp

img/icon.copy.hover.png

@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="bower_components/codemirror/lib/codemirror.css">
     <script src="bower_components/codemirror/mode/xml/xml.js"></script>
 
-    <script src="philsweb.jquery-codemirror.min.js"></script>
+    <script src="philsweb.jquery-codemirror.js"></script>
     <link rel="stylesheet" href="philsweb.codemirror.css">
 
     <style>

img/icon.copy.png

@@ -20,6 +20,12 @@
     float: right;
 }
 
-.codemirror-button:hover {
-    font-weight: bold;
+.copy-to-clipboard{
+    width:15px;
+    height:15px;
+    background-image: url("img/icon.copy.png");
+}
+
+.copy-to-clipboard:hover{
+    background-image: url("img/icon.copy.hover.png");
 }

index.html

@@ -90,7 +90,7 @@
             // Buttons
             var buttonsWrapper = $('<div>');
             var buttons = $('<div>');
-            var copyToClipboardButton = $('<div>Copy to clipboard</div>');
+            var copyToClipboardButton = $('<div title="Copy to clipboard">');
             $(this).prepend(buttonsWrapper.addClass("codemirror-buttons-wrapper").append(
                 buttons.addClass("codemirror-buttons").append(
                     copyToClipboardButton.addClass("codemirror-button").addClass("copy-to-clipboard")