diff --git a/html/index.html b/html/index.html
index f2d1f90..42cfa39 100644
--- a/html/index.html
+++ b/html/index.html
@@ -44,110 +44,104 @@
diff --git a/html/index.js b/html/index.js
index 4915c8e..eed42cc 100644
--- a/html/index.js
+++ b/html/index.js
@@ -18,7 +18,7 @@
function clickAdvancedOptions() {
if (document.getElementById('divAdvancedOptions').style.display === 'none') {
- document.getElementById('divAdvancedOptions').style.display = 'block';
+ document.getElementById('divAdvancedOptions').style.display = 'grid';
document.getElementById('btnAdvancedOptions').innerHTML = 'Hide advanced options';
} else {
document.getElementById('divAdvancedOptions').style.display = 'none';
diff --git a/html/main.css b/html/main.css
index 5012a91..19a1069 100644
--- a/html/main.css
+++ b/html/main.css
@@ -33,6 +33,14 @@ body {
padding-bottom: 0.5em;
}
+#divAdvancedOptions {
+ display: grid;
+ grid-template-columns: repeat(12, 1fr);
+}
+
+.col-3 { grid-column-end: span 3; }
+.col-6 { grid-column-end: span 6; }
+
/* Count table */
table {
@@ -145,6 +153,3 @@ select:focus, input:focus {
label {
white-space: nowrap;
}
-label.padafter {
- margin-right: 1.5em;
-}