Improved settings layout.

The four non-table settings sit on one line, and the language restart
info is presented as a tooltip, so less vertical space is used.

resources/report/css/overrides.css

@@ -52,3 +52,7 @@ core-drawer-panel::shadow #drawer {
     constant 400px is too wide in many window sizes. */
     /*max-width: 400px;*/
 }
+/* Align dropdown label text with the descriptive text beside it. */
+#settingsDialog loot-dropdown-menu::shadow paper-dropdown-menu {
+    padding-top: 4px;
+}

resources/report/css/style.css

@@ -264,11 +264,18 @@ li.warn{
 #about blockquote {
     white-space: pre;
 }
-#settingsDialog > paper-checkbox, #settingsDialog > core-tooltip {
-    display: table;
+#settingsDialog > div > * {
+    margin: 16px;
 }
-#settingsDialog > div[center] > div:first-child {
+#settingsDialog > div div:first-child {
     margin-right: 16px;
+    margin-left: 0;
+}
+#settingsDialog > div > :last-child {
+    margin-right: 0;
+}
+#gameTable {
+    margin: 32px 0 0;
 }
 paper-progress {
     width: 100%;

resources/report/html/editable-table.html

@@ -87,7 +87,6 @@
 
 
 html /deep/ table[is=editable-table] {
-    margin: 32px 0;
     border-collapse: collapse;
     width: 100%;
 }

resources/report/js/l10n.js

@@ -216,6 +216,7 @@
             document.getElementById('defaultGameSelect').firstElementChild.textContent = l10n.translate("Autodetect").fetch();
 
             document.getElementById('languageSelect').previousElementSibling.textContent = l10n.translate("Language").fetch();
+            document.getElementById('languageSelect').parentElement.label = l10n.translate("Language changes will be applied after LOOT is restarted.").fetch();
 
             document.getElementById('enableDebugLogging').label = l10n.translate("Enable debug logging").fetch();
             document.getElementById('enableDebugLogging').parentElement.label = l10n.translate("The output is logged to the LOOTDebugLog.txt file.").fetch();
@@ -233,8 +234,6 @@
             gameTable.querySelector('th:nth-child(8)').textContent = l10n.translate("Install Path Registry Key").fetch();
             gameTable.querySelector('tr:last-child td:first-child').textContent = l10n.translate("Add new row...").fetch();
 
-            document.getElementById('languageRestartTxt').textContent = l10n.translate("Language changes will be applied after LOOT is restarted.").fetch();
-
             document.getElementById('settingsDialog').getElementsByClassName('accept')[0].textContent = l10n.translate("Apply").fetch();
             document.getElementById('settingsDialog').getElementsByClassName('cancel')[0].textContent = l10n.translate("Cancel").fetch();
 

resources/report/report.html

@@ -252,23 +252,25 @@ along with LOOT. If not, see <http://www.gnu.org/licenses/>.
     </loot-dialog>
 
     <loot-dialog id="settingsDialog" heading="Settings" closeSelector="">
-        <div center horizontal layout>
-            <div>Default Game</div>
-            <loot-dropdown-menu id="defaultGameSelect">
-                <paper-item value="auto">Autodetect</paper-item>
-                <!-- Game <option> elements go here. -->
-            </loot-dropdown-menu>
+        <div layout horizontal center wrap>
+            <div center horizontal layout>
+                <div>Default Game</div>
+                <loot-dropdown-menu id="defaultGameSelect">
+                    <paper-item value="auto">Autodetect</paper-item>
+                    <!-- Game <option> elements go here. -->
+                </loot-dropdown-menu>
+            </div>
+            <core-tooltip center horizontal layout label="Language changes will be applied after LOOT is restarted." noarrow position="right">
+                <div>Language</div>
+                <loot-dropdown-menu id="languageSelect">
+                    <!-- Language <option> elements go here. -->
+                </loot-dropdown-menu>
+            </core-tooltip>
+            <core-tooltip label="The output is logged to the LOOTDebugLog.txt file." center horizontal layout noarrow position="right">
+                <paper-checkbox id="enableDebugLogging" label="Enable debug logging"></paper-checkbox>
+            </core-tooltip>
+            <paper-checkbox id="updateMasterlist" label="Update masterlist before sorting"></paper-checkbox>
         </div>
-        <div center horizontal layout>
-            <div>Language</div>
-            <loot-dropdown-menu id="languageSelect">
-                <!-- Language <option> elements go here. -->
-            </loot-dropdown-menu>
-        </div>
-        <core-tooltip label="The output is logged to the LOOTDebugLog.txt file." center horizontal layout noarrow position="right">
-            <paper-checkbox id="enableDebugLogging" label="Enable debug logging"></paper-checkbox>
-        </core-tooltip>
-        <paper-checkbox id="updateMasterlist" label="Update masterlist before sorting"></paper-checkbox>
         <table is="editable-table" id="gameTable" data-template="gameRow">
             <thead>
                 <tr>
@@ -291,7 +293,6 @@ along with LOOT. If not, see &lt;http://www.gnu.org/licenses/&gt;.
                 </tr>
             </tbody>
         </table>
-        <p id="languageRestartTxt">Language changes will be applied after LOOT is restarted.</p>
         <paper-button class="accept" affirmative autofocus>Apply</paper-button>
         <paper-button class="cancel" affirmative>Cancel</paper-button>
     </loot-dialog>