Fixed the issue that the input box will be magnified when clicking on it in mobile browser (#204)

* feat: modified input font size

* feat: restore viewport configuration

example/encrypted/example.html

@@ -164,6 +164,13 @@
                     transform: rotate(360deg);
                 }
             }
+
+            @media screen and (-webkit-min-device-pixel-ratio:0) { 
+                .staticrypt-form input[type="password"],
+                input[type="text"]  {
+                    font-size: 16px;
+                }
+            }
         </style>
     </head>
 

index.html

@@ -25,6 +25,13 @@
             label.no-style {
                 font-weight: normal;
             }
+
+            @media screen and (-webkit-min-device-pixel-ratio:0) { 
+                .staticrypt-form input[type="password"],
+                input[type="text"]  {
+                    font-size: 16px;
+                }
+            }
         </style>
     </head>
 

lib/password_template.html

@@ -164,6 +164,13 @@
                     transform: rotate(360deg);
                 }
             }
+
+            @media screen and (-webkit-min-device-pixel-ratio: 0) {
+                .staticrypt-form input[type="password"],
+                input[type="text"] {
+                    font-size: 16px;
+                }
+            }
         </style>
     </head>
 

scripts/index_template.html

@@ -25,6 +25,13 @@
             label.no-style {
                 font-weight: normal;
             }
+
+            @media screen and (-webkit-min-device-pixel-ratio: 0) {
+                .staticrypt-form input[type="password"],
+                input[type="text"] {
+                    font-size: 16px;
+                }
+            }
         </style>
     </head>