Fix text alignment of parsing options (#78)

Fixes #70

Author: j-sal

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>

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;
 }