Some CSS tidying.

resources/report/css/style.css

@@ -358,30 +358,18 @@ li.warn{
     background:#FFDD55;
 }
 
-#settings select {
+#settings > select {
     float: right;
     clear: both;
     position:relative;
     top:-0.15em;
 }
-#settings label {
+#settings > label {
     display: inline-block;
     height: 18px;
     padding: 1px;
     margin: 2px;
 }
-#settings table {
-    margin: 3em 1em;
-    border-collapse: collapse;
-}
-#settings td, #settings th {
-    vertical-align: top;
-    text-align: left;
-    padding: 0.5em;
-}
-#settings th {
-    border-bottom: 1px black solid;
-}
 
 .dialog.message {
     width: 40em;
@@ -407,12 +395,27 @@ td input {
     width: 100%;
     text-overflow: ellipsis;
 }
-#gameTable td:last-child span {
+.editable td:last-child span {
     cursor: pointer;
 }
-#gameTable td:last-child span:hover {
+.editable td:last-child span:hover {
     color: red;
 }
+.editable {
+    margin: 3em 1em;
+    border-collapse: collapse;
+}
+.editable td, .editable th {
+    vertical-align: top;
+    text-align: left;
+    padding: 0.5em;
+}
+.editable th {
+    border-bottom: 1px black solid;
+}
+.editable tr:last-child {
+    cursor: pointer;
+}
 
 .tableTabs {
     margin: 1.5em 1em;
@@ -424,6 +427,7 @@ td input {
     border: 1px black solid;
     border-bottom: none;
     background: #e3e3e3;
+    cursor: pointer;
 }
 .tableTabs > span:not(:first-child) {
     border-left: none;
@@ -431,24 +435,9 @@ td input {
 .tableTabs > span:hover, .tableTabs span.selected {
     background: #f8f8f8;
 }
-
-.tableTabs table {
+.tableTabs .editable {
     margin: 0 1em 3em 0;
     border-collapse: collapse;
     border: 1px black solid;
     width: 100%;
-}
-.tableTabs td, .tableTabs th {
-    vertical-align: top;
-    text-align: left;
-    padding: 0.5em;
-}
-.tableTabs th {
-    border-bottom: 1px black solid;
-}
-.tableTabs td:last-child span {
-    cursor: pointer;
-}
-.tableTabs td:last-child span:hover {
-    color: red;
 }

resources/report/report.html

@@ -109,37 +109,37 @@
             <input type="checkbox" class="editorGlobalPriority">
             <div class="tableTabs">
                 <span class="selected" data-for="loadAfter">Load After</span><span data-for="req">Requirements</span><span data-for="inc">Incompatibilities</span><span data-for="message">Messages</span><span data-for="tags">Bash Tags</span><span data-for="dirty">Dirty Info</span>
-                <table class="loadAfter">
+                <table class="editable loadAfter">
                     <thead>
                         <tr><th>Filename<th>Display Name<th>Condition<th>
                     <tbody data-template="fileRow">
                         <!-- File rows go here. -->
                 </table>
-                <table class="req hidden">
+                <table class="editable req hidden">
                     <thead>
                         <tr><th>Filename<th>Display Name<th>Condition<th>
                     <tbody data-template="fileRow">
                         <!-- File rows go here. -->
                 </table>
-                <table class="inc hidden">
+                <table class="editable inc hidden">
                     <thead>
                         <tr><th>Filename<th>Display Name<th>Condition<th>
                     <tbody data-template="fileRow">
                         <!-- File rows go here. -->
                 </table>
-                <table class="message hidden">
+                <table class="editable message hidden">
                     <thead>
                         <tr><th>Type<th>Content<th>Condition<th>Language<th>
                     <tbody data-template="messageRow">
                         <!-- Message rows go here. -->
                 </table>
-                <table class="tags hidden">
+                <table class="editable tags hidden">
                     <thead>
                         <tr><th>Add/Remove<th>Bash Tag<th>Condition<th>
                     <tbody data-template="tagRow">
                         <!-- Bash Tag rows go here. -->
                 </table>
-                <table class="dirty hidden">
+                <table class="editable dirty hidden">
                     <thead>
                         <tr><th>CRC<th>ITM Count<th>UDR Count<th>Deleted Navmeshes<th>Cleaning Utility<th>
                     <tbody data-template="dirtyInfoRow">
@@ -293,7 +293,7 @@ along with LOOT. If not, see &lt;http://www.gnu.org/licenses/&gt;.
             <option value="3">High</option>
         </select><br>
         <!-- Need to add an editable multi-column game list here. -->
-        <table id="gameTable">
+        <table id="gameTable" class="editable">
             <thead>
                 <tr><th>Name<th>Base Game<th>LOOT Folder<th>Master File<th>Masterlist Repository URL<th>Masterlist Repository Branch<th>Install Path<th>Install Path Registry Key<th>
             <tbody data-template="gameRow">