From 7e65a5deb26126bf39ae354ab3e99bdc9c6bd06c Mon Sep 17 00:00:00 2001
From: Oliver Hamlet <oliver.hamlet@gmail.com>
Date: Wed, 24 Dec 2014 11:28:40 +0000
Subject: [PATCH] Improved plugin sidebar item display.

Icons now appear on the right, text overflow is hidden and ellipses
used.
---
 resources/report/html/loot-plugin-item.html | 23 +++++++--------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/resources/report/html/loot-plugin-item.html b/resources/report/html/loot-plugin-item.html
index 3c5cbe18..4fe905d3 100644
--- a/resources/report/html/loot-plugin-item.html
+++ b/resources/report/html/loot-plugin-item.html
@@ -9,32 +9,25 @@
         <style>
         :host(:not([data-bsa])) #loadsBSA,
         :host(:not([data-edits])) #hasUserEdits {
-            visibility: hidden;
+            display: none;
         }
-        ::content a {
-            text-decoration: none;
-            color: black;
+        #loadsBSA > core-icon, #hasUserEdits > core-icon {
+            display: block;
+            margin-right: 0;
         }
         core-tooltip {
-            margin: 0.25em;
-            min-width: 24px;
-        }
-        core-icon {
-            display: block;
-        }
-        div {
-            padding-left: 0.75em;
+            margin-left: 16px;
         }
         </style>
 
         <paper-item>
-            <core-tooltip id="loadsBSA" label="Loads BSA" noarrow>
+            <div flex><content></content></div>
+            <core-tooltip id="loadsBSA" label="Loads BSA" noarrow position="left">
                 <core-icon icon="attachment"></core-icon>
             </core-tooltip>
-            <core-tooltip id="hasUserEdits" label="Has User Metadata" noarrow>
+            <core-tooltip id="hasUserEdits" label="Has User Metadata" noarrow position="left">
                 <core-icon icon="account-circle"></core-icon>
             </core-tooltip>
-            <div><content></content></div>
         </paper-item>
     </template>
     <script>