adjusting look for iphone

2023-01-16 20:04:06 -05:00
parent f0ecbec5b3
commit 579211e6f4
2 changed files with 4 additions and 2 deletions
--- a/(Extension)/Resources/popup.css
+++ b/(Extension)/Resources/popup.css
@@ -2,8 +2,9 @@
    color-scheme: light dark;
 }

+
 body {
-    width: 500px;
+    width: 300px;
    padding: 10px;

    font-family: system-ui;
@@ -15,7 +16,7 @@ label {
 }

 input {
-    width: 32em;
+    width: 100%;
 }

 #priv-key, #pub-key {
--- a/(Extension)/Resources/popup.html
+++ b/(Extension)/Resources/popup.html
@@ -2,6 +2,7 @@
 <html>
 <head>
    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <link rel="stylesheet" href="popup.css">
    <script defer src="popup.build.js"></script>
 </head>