From 0b7f655f2cd8f0593f1594e71cb36483ba883941 Mon Sep 17 00:00:00 2001
From: Joey Salazar <jgsal@yahoo.com>
Date: Wed, 26 Oct 2022 09:09:36 -0600
Subject: [PATCH] Fix text alignment of parsing options

Fixes #70
---
 .../scripts/index/commons-parsing-panel.html  | 49 ++++++++-----------
 .../styles/commons-importing-controller.less  | 12 +++++
 2 files changed, 33 insertions(+), 28 deletions(-)

diff --git a/module/scripts/index/commons-parsing-panel.html b/module/scripts/index/commons-parsing-panel.html
index cdf6435..d25d0b3 100644
--- a/module/scripts/index/commons-parsing-panel.html
+++ b/module/scripts/index/commons-parsing-panel.html
@@ -19,40 +19,33 @@
 
 <div bind="controlPanel" class="commons-importing-parsing-control-panel">
   <div class="grid-layout layout-normal">
-    <table>
+    <table class="parsing-options-table">
       <tr>
-        <td width="1%" bind="commons_options"></td>
+        <td class="commons-options" bind="commons_options"></td>
         <td bind="commons_wiki_options"></td>
-        <td style="text-align: right;" rowspan="2"><button class="button" bind="previewButton"></button></td>
+        <td class="preview-button"><button class="button" bind="previewButton"></button></td>
       </tr>
-      <tr>
-        <td style="text-align: right;">&nbsp;</td>
-        <td style="text-align: right;" colspan="2" width="1%"><input type="checkbox" bind="disableAutoPreviewCheckbox" id="$disable" />
+      <tr class="disable-auto-preview">
+        <td>&nbsp;</td>
+        <td>&nbsp;</td>
+        <td><input type="checkbox" bind="disableAutoPreviewCheckbox" id="$disable" />
           <label for="$disable" bind="commons_disable_auto_preview"></label></td>
       </tr>
+      <tr class="checkboxes">
+        <td><input type="checkbox" bind="skipCheckbox" id="$skip" />
+        <label for="$skip" bind="commons_discard_next"></label>
+        <input bind="skipInput" type="text" class="lightweight" size="2" value="0" />
+          <label for="$skip" bind="commons_discard"></label></td>
+        <td><input type="checkbox" bind="categoriesColumnCheckbox" id="$categoriesCol" />
+        <label for="$categoriesCol" bind="commons_categories_column"></label></td>
+      </tr>
       <tr>
-        <td colspan="2">
-          <div class="grid-layout layout-tightest">
-            <table>
-              <tr>
-                <td width="1%"><input type="checkbox" bind="skipCheckbox" id="$skip" /></td>
-                <td><label for="$skip" bind="commons_discard_next"></label></td>
-                <td><input bind="skipInput" type="text" class="lightweight" size="2" value="0" />
-                  <label for="$skip" bind="commons_discard"></label></td>
-                <td width="1%"><input type="checkbox" bind="categoriesColumnCheckbox" id="$categoriesCol" /></td>
-                <td><label for="$categoriesCol" bind="commons_categories_column"></label></td>
-              </tr>
-              <tr>
-                <td width="1%"><input type="checkbox" bind="limitCheckbox" id="$limit" /></td>
-                <td><label for="$limit" bind="commons_limit_next"></label></td>
-                <td><input bind="limitInput" type="text" class="lightweight" size="2" value="0" />
-                  <label for="$limit" bind="commons_limit"></label></td>
-                <td width="1%"><input type="checkbox" bind="mIdsCheckbox" id="$mIdsCol" /></td>
-                <td><label for="$mIdsCol" bind="commons_mids_column"></label></td>
-              </tr>
-            </table>
-          </div>
-        </td>
+        <td><input type="checkbox" bind="limitCheckbox" id="$limit" />
+        <label for="$limit" bind="commons_limit_next"></label>
+        <input bind="limitInput" type="text" class="lightweight" size="2" value="0" />
+          <label for="$limit" bind="commons_limit"></label></td>
+        <td><input type="checkbox" bind="mIdsCheckbox" id="$mIdsCol" />
+        <label for="$mIdsCol" bind="commons_mids_column"></label></td>
       </tr>
     </table>
   </div>
diff --git a/module/styles/commons-importing-controller.less b/module/styles/commons-importing-controller.less
index 5d9e72a..246d0d0 100644
--- a/module/styles/commons-importing-controller.less
+++ b/module/styles/commons-importing-controller.less
@@ -66,6 +66,18 @@ div.grid-layout > table.categoriesTable > tbody > tr > td.depth-input-td {
   padding-left: 5px;
 }
 
+table.parsing-options-table {
+  width: 100%;
+}
+
+.commons-options {
+  width: 25%;
+}
+
+.preview-button {
+  width: 1%;
+}
+
 .fbs-reset.fbs-pane.fbs-pane-type {
   width:561px;
 }