From 81cf6d786dce13a4a9191026ce7c2cb87672bf1b Mon Sep 17 00:00:00 2001
From: Oliver Hamlet <oliver.hamlet@gmail.com>
Date: Sun, 4 Jan 2015 19:13:05 +0000
Subject: [PATCH] Add border to editor tab content.

Helps distinguish it from the following card.
---
 resources/report/html/loot-plugin-editor.html | 130 ++++++++++--------
 1 file changed, 74 insertions(+), 56 deletions(-)

diff --git a/resources/report/html/loot-plugin-editor.html b/resources/report/html/loot-plugin-editor.html
index 18b46b84..9dbecc3d 100644
--- a/resources/report/html/loot-plugin-editor.html
+++ b/resources/report/html/loot-plugin-editor.html
@@ -104,6 +104,10 @@ loot-editor-close
         core-tooltip > core-icon {
             vertical-align: inherit !important;
         }
+        core-selector > * {
+            border: 4px solid #E8EAF6;
+            border-top: none;
+        }
         #main {
             padding: 16px;
             overflow: hidden;
@@ -154,62 +158,76 @@ loot-editor-close
                     </paper-input-decorator>
                 </div>
             </div>
-            <table is="editable-table" id="loadAfter" data-template="fileRow">
-                <thead>
-                    <tr><th>Filename</th><th>Display Name</th><th>Condition</th><th></th></tr>
-                </thead>
-                <tbody>
-                    <!-- File rows go here. -->
-                </tbody>
-            </table>
-            <table is="editable-table" id="req" data-template="fileRow">
-                <thead>
-                    <tr><th>Filename</th><th>Display Name</th><th>Condition</th><th></th></tr>
-                </thead>
-                <tbody>
-                    <!-- File rows go here. -->
-                </tbody>
-            </table>
-            <table is="editable-table" id="inc" data-template="fileRow">
-                <thead>
-                    <tr><th>Filename</th><th>Display Name</th><th>Condition</th><th></th></tr>
-                </thead>
-                <tbody>
-                    <!-- File rows go here. -->
-                </tbody>
-            </table>
-            <table is="editable-table" id="message" data-template="messageRow">
-                <thead>
-                    <tr><th>Type</th><th>Content</th><th>Condition</th><th>Language</th><th></th></tr>
-                </thead>
-                <tbody>
-                    <!-- Message rows go here. -->
-                </tbody>
-            </table>
-            <table is="editable-table" id="tags" data-template="tagRow">
-                <thead>
-                    <tr><th>Add/Remove</th><th>Bash Tag</th><th>Condition</th><th></th></tr>
-                </thead>
-                <tbody>
-                    <!-- Bash Tag rows go here. -->
-                </tbody>
-            </table>
-            <table is="editable-table" id="dirty" data-template="dirtyInfoRow">
-                <thead>
-                    <tr><th>CRC</th><th>ITM Count</th><th>Deleted References</th><th>Deleted Navmeshes</th><th>Cleaning Utility</th><th></th></tr>
-                </thead>
-                <tbody>
-                    <!-- Dirty info rows go here. -->
-                </tbody>
-            </table>
-            <table is="editable-table" id="locations" data-template="locationRow">
-                <thead>
-                    <tr><th>URL</th><th>Version</th><th></th></tr>
-                </thead>
-                <tbody>
-                    <!-- Location rows go here. -->
-                </tbody>
-            </table>
+            <div id="loadAfter">
+                <table is="editable-table" data-template="fileRow">
+                    <thead>
+                        <tr><th>Filename</th><th>Display Name</th><th>Condition</th><th></th></tr>
+                    </thead>
+                    <tbody>
+                        <!-- File rows go here. -->
+                    </tbody>
+                </table>
+            </div>
+            <div id="req">
+                <table is="editable-table" data-template="fileRow">
+                    <thead>
+                        <tr><th>Filename</th><th>Display Name</th><th>Condition</th><th></th></tr>
+                    </thead>
+                    <tbody>
+                        <!-- File rows go here. -->
+                    </tbody>
+                </table>
+            </div>
+            <div id="inc">
+                <table is="editable-table" data-template="fileRow">
+                    <thead>
+                        <tr><th>Filename</th><th>Display Name</th><th>Condition</th><th></th></tr>
+                    </thead>
+                    <tbody>
+                        <!-- File rows go here. -->
+                    </tbody>
+                </table>
+            </div>
+            <div id="message">
+                <table is="editable-table" data-template="messageRow">
+                    <thead>
+                        <tr><th>Type</th><th>Content</th><th>Condition</th><th>Language</th><th></th></tr>
+                    </thead>
+                    <tbody>
+                        <!-- Message rows go here. -->
+                    </tbody>
+                </table>
+            </div>
+            <div id="tags">
+                <table is="editable-table" data-template="tagRow">
+                    <thead>
+                        <tr><th>Add/Remove</th><th>Bash Tag</th><th>Condition</th><th></th></tr>
+                    </thead>
+                    <tbody>
+                        <!-- Bash Tag rows go here. -->
+                    </tbody>
+                </table>
+            </div>
+            <div id="dirty">
+                <table is="editable-table" data-template="dirtyInfoRow">
+                    <thead>
+                        <tr><th>CRC</th><th>ITM Count</th><th>Deleted References</th><th>Deleted Navmeshes</th><th>Cleaning Utility</th><th></th></tr>
+                    </thead>
+                    <tbody>
+                        <!-- Dirty info rows go here. -->
+                    </tbody>
+                </table>
+            </div>
+            <div id="locations">
+                <table is="editable-table" data-template="locationRow">
+                    <thead>
+                        <tr><th>URL</th><th>Version</th><th></th></tr>
+                    </thead>
+                    <tbody>
+                        <!-- Location rows go here. -->
+                    </tbody>
+                </table>
+            </div>
         </core-selector>
     </template>
     <script>