fix error messages to render well on smaller phones

philfung · Sep 30, 2023 · 2d9966f · 2d9966f
1 parent 27c92c9
commit 2d9966f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/dist/add-to-homescreen.min.css b/dist/add-to-homescreen.min.css
@@ -89,7 +89,7 @@
 }
 
 .adhs-container .adhs-modal .adhs-error-title {
-  font-size: 25px;
+  font-size: 23px;
   font-weight: 700;
   margin: 0px 0px 18px 20px;
   max-width: 320px;
@@ -99,15 +99,15 @@
 
 .adhs-container .adhs-modal .adhs-error-body {
   text-align: left;
-  font-size: 20px;
+  font-size: 19px;
   padding: 0px 0px 9px 0px;
   line-height: 29px;
   margin: 0px 0px 0px 20px;
 }
 
 .adhs-container .adhs-modal .adhs-error-copy-link-button {
-  font-size: 20px;
-  width: 300px;
+  font-size: 18px;
+  width: 279px;
   margin: 8px 0px 0px 20px;
   border-radius: 4px;
   border: 1px solid;

diff --git a/src/styles.css b/src/styles.css
@@ -90,7 +90,7 @@
 }
 
 .adhs-container .adhs-modal .adhs-error-title {
-  font-size: 25px;
+  font-size: 23px;
   font-weight: 700;
   margin: 0px 0px 18px 20px;
   max-width: 320px;
@@ -100,15 +100,15 @@
 
 .adhs-container .adhs-modal .adhs-error-body {
   text-align: left;
-  font-size: 20px;
+  font-size: 19px;
   padding: 0px 0px 9px 0px;
   line-height: 29px;
   margin: 0px 0px 0px 20px;
 }
 
 .adhs-container .adhs-modal .adhs-error-copy-link-button {
-  font-size: 20px;
-  width: 300px;
+  font-size: 18px;
+  width: 279px;
   margin: 8px 0px 0px 20px;
   border-radius: 4px;
   border: 1px solid;