fix mobile input zoom issue

components/price.js

@@ -31,7 +31,6 @@ export default function Price () {
   }
 
   if (asSats) {
-    console.log(asSats, 'as sats')
     return (
       <Button className='text-reset' onClick={handleClick} variant='link'>
         {fixed(100000000 / data.data.amount, 0) + ' sats/$'}

styles/globals.scss

@@ -59,6 +59,12 @@ body {
   height: 100%;
 }
 
+@media screen and (max-width: 767px) {
+  input, select, textarea, .form-control, .form-control:focus, .input-group-text {
+    font-size: 1rem !important;
+  }
+}
+
 .form-label {
   font-size: 92%;
   font-weight: bold;

styles/login.module.css

@@ -1,11 +1,11 @@
-.login .providerButton {
+.providerButton {
     width: 100%;
     justify-content: center;
     align-items: center;
     display: flex;
 }
 
-.login > * {
+.login  {
     max-width: 300px;
-    margin: auto;
+    width: 100%;
 }