From db4d17b5c51b9d89f842c6bb28ffcff732d74a90 Mon Sep 17 00:00:00 2001
From: WrinklyNinja <wrinklyninja1@gmail.com>
Date: Sun, 18 May 2014 18:12:50 +0100
Subject: [PATCH] Replaced plugin icons, added icons to plugin menu.

---
 resources/report/css/style.css | 36 +++++++++++-----------------------
 resources/report/report.html   | 12 ++++++------
 2 files changed, 17 insertions(+), 31 deletions(-)

diff --git a/resources/report/css/style.css b/resources/report/css/style.css
index d527be43..13ca68a1 100644
--- a/resources/report/css/style.css
+++ b/resources/report/css/style.css
@@ -61,6 +61,9 @@ header > ol:last-child {
     position: fixed;
     right: 0;
 }
+header li span {
+    opacity: 0.5;
+}
 header li:hover {
     background: #ccc;
 }
@@ -171,39 +174,22 @@ section[data-active] .buttons {
     right: 0.5em;
     overflow:visible;
 }
-section[data-active] .buttons > li:not(:last-child) {
+section .buttons > li:not(:last-child) {
     opacity: 0.5;
+    text-align: center;
+    display: inline-block;
+    margin: 0.2em;
+    cursor: pointer;
 }
-section[data-active] .buttons > li:hover {
+section .buttons  > li:hover {
     opacity: 1;
 }
 .pluginMenu {
     width: 1.5em;
     text-align: center;
-    vertical-align: bottom;
     margin: 0.2em;
     cursor: pointer;
 }
-.dummyPlugin, .loadsBSA, .hasUserEdits {
-    height: 1.5em;
-    width: 1.5em;
-    text-align: center;
-    vertical-align: middle;
-    display: inline-block;
-    color: white;
-    font-weight: bold;
-    margin: 0.2em;
-    cursor: pointer;
-}
-.dummyPlugin {
-    background: #A9BCF5;
-}
-.loadsBSA {
-    background: green;
-}
-.hasUserEdits {
-    background: #C13C3C;
-}
 .menu {
     background: white;
     box-shadow:0 0 3px 0px rgba(0,0,0,0.5);
@@ -211,7 +197,7 @@ section[data-active] .buttons > li:hover {
     position: absolute;
     right: 0.5em;
     font: 10pt/1.5 Helvetica,sans-serif;
-    width: 12em;
+    width: 13em;
     z-index: 2;
     text-align: left;
     opacity: 1;
@@ -324,7 +310,7 @@ ul {
 .tag.remove {
     color:red;
 }
-.hidden {
+.hidden, section .buttons li.hidden {
     display:none;
 }
 #summary li, li > ul > li {
diff --git a/resources/report/report.html b/resources/report/report.html
index 9ab82ad6..c898dc94 100644
--- a/resources/report/report.html
+++ b/resources/report/report.html
@@ -34,14 +34,14 @@
 
             </ul>
             <ol class="buttons">
-                <li class="dummyPlugin hidden" title="Dummy Plugin">D
-                <li class="loadsBSA hidden" title="Loads BSA">B
-                <li class="hasUserEdits hidden" title="Has User Metadata">U
+                <li class="dummyPlugin fa fa-file-o hidden" title="Dummy Plugin">
+                <li class="loadsBSA fa fa-archive hidden" title="Loads BSA">
+                <li class="hasUserEdits fa fa-user hidden" title="Has User Metadata">
                 <li class=" fa fa-ellipsis-v fa-lg pluginMenu" data-action="show-menu">
                 <li class="hidden"><ol class="menu">
-                    <li data-action="view-ui" data-target="editor">Edit Metadata
-                    <li data-action="copy-metadata">Copy Metadata As Text
-                    <li data-action="clear-metadata">Clear User Metadata
+                    <li data-action="view-ui" data-target="editor"><span class="fa fa-pencil fa-fw"></span> Edit Metadata
+                    <li data-action="copy-metadata"><span class="fa fa-copy fa-fw"></span> Copy Metadata As Text
+                    <li data-action="clear-metadata"><span class="fa fa-trash-o fa-fw"></span> Clear User Metadata
                 </ol>
             </ol>
         </section>