popup: remove main min-width

fixes #152
AprilSylph · Jun 7, 2021 · ce14ec9 · ce14ec9
1 parent 2e4151c
commit ce14ec9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/browser_action/popup.css b/src/browser_action/popup.css
@@ -24,6 +24,8 @@
 
 html {
   display: flex;
+  flex-direction: column;
+  align-items: stretch;
   background-color: var(--light-grey);
 }
 
@@ -39,10 +41,6 @@ body {
   overflow-y: scroll;
 }
 
-main {
-  min-width: 350px;
-}
-
 header {
   display: flex;
   flex-direction: column;

diff --git a/src/browser_action/popup.js b/src/browser_action/popup.js
@@ -52,5 +52,7 @@ document.getElementById('filter').addEventListener('input', event => {
 const versionElement = document.getElementById('version');
 versionElement.textContent = `v${browser.runtime.getManifest().version} (Beta)`;
 
-const main = document.querySelector('main');
-main.style.minWidth = `${main.getBoundingClientRect().width}px`;
+window.onload = () => {
+  const main = document.querySelector('main');
+  main.style.minWidth = `${main.getBoundingClientRect().width}px`;
+};