Fix broken mobile responsiveness and URL input type

assets/css/styles.scss

@@ -383,12 +383,16 @@ section:target {
 
 input[type="file"],
 input[type="radio"],
-.hide-on-large-screen,
 #installPWA,
 .hidden {
   display: none;
 }
 
+.show-on-large-screen {
+  display: flex;
+  flex: 1;
+}
+
 .method,
 kbd,
 select,
@@ -574,15 +578,6 @@ ol li {
   }
 }
 
-.show-on-small-screen {
-  display: flex;
-}
-
-.show-on-large-screen {
-  display: flex;
-  flex: 1;
-}
-
 .info-response {
   color: #ffeb3b;
 }
@@ -726,11 +721,6 @@ section {
     display: none;
   }
 
-  .hide-on-large-screen,
-  .show-on-small-screen {
-    display: inline-flex;
-  }
-
   .sticky-inner {
     position: relative;
     width: 100%;