From 573d4ff56158f8a6fc0c84acef70efcd0dd5c6f4 Mon Sep 17 00:00:00 2001
From: Oliver Hamlet <oliver.hamlet@gmail.com>
Date: Tue, 16 Dec 2014 15:35:34 +0000
Subject: [PATCH] Replace sidebar shadow with border.

It's a little bit neater.
---
 resources/report/css/style.css |  6 ++-
 resources/report/report.html   | 78 +++++++++++++++++-----------------
 2 files changed, 44 insertions(+), 40 deletions(-)

diff --git a/resources/report/css/style.css b/resources/report/css/style.css
index 07d77abe..7de3a61e 100644
--- a/resources/report/css/style.css
+++ b/resources/report/css/style.css
@@ -43,14 +43,16 @@ core-toolbar {
 #mainToolbar paper-dropdown {
     color: black;
 }
-div[drawer] > core-tooltip {
+div[drawer] core-tooltip {
     margin: 0 12px;
 }
 div[drawer] {
     background: white;
-    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
     z-index: 1;
 }
+div[drawer] > div, div[drawer] > core-toolbar {
+    border-right: 1px rgba(0, 0, 0, 0.12) solid;
+}
 #main {
     overflow-y: auto;
     overflow-x: hidden;
diff --git a/resources/report/report.html b/resources/report/report.html
index d2c36d5c..8bc4f70d 100644
--- a/resources/report/report.html
+++ b/resources/report/report.html
@@ -48,45 +48,47 @@
                     <paper-tab data-id="filters">Filters</paper-tab>
                 </paper-tabs>
             </core-toolbar>
-            <core-animated-pages selected="cardsNav" valueattr="id" transitions="" flex>
-                <div id="cardsNav" class="tab-content" layout vertical>
-                    <paper-item>
-                        <a href="#summary"></a>Summary
-                    </paper-item>
-                    <paper-item>
-                        <a href="#generalMessages"></a>General Messages
-                    </paper-item>
-                    <core-list flex>
-                        <template>
-                            <loot-plugin-item data-bsa?="{{model.loadsBSA}}" data-edits?="{{model.userlist != undefined}}" data-index="{{index}}">
-                                {{model.name}}
-                            </loot-plugin-item>
-                        </template>
-                        <!-- Generated <loot-plugin-item> elements go here. -->
-                    </core-list>
-                </div>
-                <div id="filters" class="tab-content" flex>
-                    <paper-checkbox id="hideVersionNumbers" data-class="version" label="Hide version numbers"></paper-checkbox>
-                    <paper-checkbox id="hideCRCs" data-class="crc" label="Hide CRCs"></paper-checkbox>
-                    <paper-checkbox id="hideBashTags" data-class="tag" label="Hide Bash Tags"></paper-checkbox>
-                    <paper-checkbox id="hideNotes" label="Hide notes"></paper-checkbox>
-                    <paper-checkbox id="hideDoNotCleanMessages" label="Hide 'Do not clean' messages"></paper-checkbox>
-                    <paper-checkbox id="hideAllPluginMessages" label="Hide all plugin messages"></paper-checkbox>
-                    <paper-checkbox id="hideInactivePlugins" label="Hide inactive plugins"></paper-checkbox>
-                    <paper-checkbox id="hideMessagelessPlugins" label="Hide messageless plugins"></paper-checkbox>
-                    <div center horizontal layout>
-                        <div id="hiddenPluginsTxt" flex>Hidden plugins:</div>
-                        <div><span id="hiddenPluginNo">0</span> / <span id="filterTotalPluginNo">0</span></div>
+            <div flex layout vertical>
+                <core-animated-pages selected="cardsNav" valueattr="id" transitions="" flex>
+                    <div id="cardsNav" class="tab-content" layout vertical>
+                        <paper-item>
+                            <a href="#summary"></a>Summary
+                        </paper-item>
+                        <paper-item>
+                            <a href="#generalMessages"></a>General Messages
+                        </paper-item>
+                        <core-list flex>
+                            <template>
+                                <loot-plugin-item data-bsa?="{{model.loadsBSA}}" data-edits?="{{model.userlist != undefined}}" data-index="{{index}}">
+                                    {{model.name}}
+                                </loot-plugin-item>
+                            </template>
+                            <!-- Generated <loot-plugin-item> elements go here. -->
+                        </core-list>
                     </div>
-                    <div center horizontal layout>
-                        <div id="hiddenMessagesTxt" flex>Hidden messages:</div>
-                        <div><span id="hiddenMessageNo">0</span> / <span id="filterTotalMessageNo">0</span></div>
+                    <div id="filters" class="tab-content" flex>
+                        <paper-checkbox id="hideVersionNumbers" data-class="version" label="Hide version numbers"></paper-checkbox>
+                        <paper-checkbox id="hideCRCs" data-class="crc" label="Hide CRCs"></paper-checkbox>
+                        <paper-checkbox id="hideBashTags" data-class="tag" label="Hide Bash Tags"></paper-checkbox>
+                        <paper-checkbox id="hideNotes" label="Hide notes"></paper-checkbox>
+                        <paper-checkbox id="hideDoNotCleanMessages" label="Hide 'Do not clean' messages"></paper-checkbox>
+                        <paper-checkbox id="hideAllPluginMessages" label="Hide all plugin messages"></paper-checkbox>
+                        <paper-checkbox id="hideInactivePlugins" label="Hide inactive plugins"></paper-checkbox>
+                        <paper-checkbox id="hideMessagelessPlugins" label="Hide messageless plugins"></paper-checkbox>
+                        <div center horizontal layout>
+                            <div id="hiddenPluginsTxt" flex>Hidden plugins:</div>
+                            <div><span id="hiddenPluginNo">0</span> / <span id="filterTotalPluginNo">0</span></div>
+                        </div>
+                        <div center horizontal layout>
+                            <div id="hiddenMessagesTxt" flex>Hidden messages:</div>
+                            <div><span id="hiddenMessageNo">0</span> / <span id="filterTotalMessageNo">0</span></div>
+                        </div>
                     </div>
-                </div>
-            </core-animated-pages>
-            <core-tooltip label="Press Enter or click outside the input to set the filter." position="top" noarrow>
-                <paper-input id="searchBox" label="Filter content..."></paper-input>
-            </core-tooltip>
+                </core-animated-pages>
+                <core-tooltip label="Press Enter or click outside the input to set the filter." position="top" noarrow>
+                    <paper-input id="searchBox" label="Filter content..."></paper-input>
+                </core-tooltip>
+            </div>
         </div>
         <div main>
             <core-toolbar id="mainToolbar">
@@ -307,4 +309,4 @@ along with LOOT. If not, see &lt;http://www.gnu.org/licenses/&gt;.
         <paper-button affirmative autofocus>OK</paper-button>
     </loot-dialog>
     <script src="js/script.js"></script>
-</body>
\ No newline at end of file
+</body>