Merge pull request #872 from lmcapacho/develop

 Add style to js-codeblock-io-edit for light and dark themes

Author: Obijuan

Diff for: app/resources/uiThemes/dark/dark.css

@@ -948,3 +948,11 @@
 .modal-content ul li:hover {
   background-color: #555;
 }
+
+.js-codeblock-io-edit {
+  color: white;
+  background-color: #404040;
+}
+.js-codeblock-io-edit:hover {
+  color: #7ccff4;
+}

Diff for: app/resources/uiThemes/light/light.css

@@ -957,3 +957,12 @@
 .modal-content ul li:hover {
   background-color: #eee;
 }
+
+.js-codeblock-io-edit {
+  color: #777;
+  background-color: #c0dfeb;
+  border: 1px solid #aaa;
+}
+.js-codeblock-io-edit:hover {
+  color: #aaa;
+}

Diff for: app/styles/design.css

@@ -932,24 +932,23 @@ g {
   fill: white;
   stroke: white;
 }
+
 .js-codeblock-io-edit {
   position: absolute;
   top: 0px;
   right: 0px;
   z-index: 99999999;
-  color: white;
-  background-color: #404040;
   border-radius: 0 0 0 100%;
   font-size: 18px;
-  width: 36px;
-  height: 36px;
+  width: 30px;
+  height: 30px;
   text-align: center;
   vertical-align: middle;
   line-height: 25px;
   cursor: pointer;
   pointer-events: auto;
 }
-
-.js-codeblock-io-edit:hover {
-  color: #7ccff4;
+.js-codeblock-io-edit .fa-edit:before {
+  padding-left: 8px;
+  font-size: small;
 }