From fef70294e30a038429c88f5ed7b87c5df68f99c7 Mon Sep 17 00:00:00 2001
From: Conrad Zelck <git@simpel.cc>
Date: Fri, 6 Oct 2023 20:10:52 +0200
Subject: [PATCH] style: fix unequal width of two-column elements
Signed-off-by: Conrad Zelck <git@simpel.cc>
---
script.js | 1 -
style.css | 11 ++---------
2 files changed, 2 insertions(+), 10 deletions(-)
diff --git a/script.js b/script.js
index 21cb582..43cfeff 100644
--- a/script.js
+++ b/script.js
@@ -145,7 +145,6 @@ function toggleToc() {
}
function setMainButtonsAppearance() {
- console.log('main buttons');
const convertButton = document.getElementById('convert');
const copyButton = document.getElementById('copy');
const from = document.getElementById('from').value;
diff --git a/style.css b/style.css
index 31d6c81..85ab1c1 100644
--- a/style.css
+++ b/style.css
@@ -240,8 +240,6 @@ p.label {
margin-top: var(--default-top-padding);
border: 1px solid white;
outline: 1px solid white;
- /* 10vmin(margin body + col-gap); 1rem(padding textarea) */
- width: calc((100vw - 8vmin) / 2 - 3vmin);
min-height: 44vh;
/* Place on top of each other */
grid-area: 1 / 1 / 2 / 2;
@@ -306,16 +304,11 @@ div.download {
.two-column {
padding-top: var(--default-top-padding);
display: grid;
- grid-template-columns: calc((100vw - 8vmin) / 2 - 1vmin) calc((100vw - 8vmin) / 2 - 1vmin);
- column-gap: 2vmin;
+ grid-template-columns: 1fr 1fr;
+ column-gap: 3vmin;
row-gap: 2vmin;
}
-.right {
- /* 8vmin(margin body) / - 1vmin(half col gap) */
- width: calc((100vw - 8vmin) / 2 - 1vmin);
-}
-
.flex-space-between {
display: flex;
justify-content: space-between;
--
GitLab