diff --git a/script.js b/script.js index 21cb5824a29d1d42373736a34c13bd747e520db4..43cfeff445d8a087c657b36769c09c1941d07c45 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 31d6c81404ddbf23d5ca122f9ee4da14770bb48d..85ab1c11b47e15cd1df03035b433cfb7e5a6bdbb 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;