Improved input size in mobile version

diff --git a/wcfsetup/install/files/style/layout/form.scss b/wcfsetup/install/files/style/layout/form.scss
index 45ffa00417c557d81dad777753200f0c7acd6a6a..2c8293380102fd2f5dccd569dee492f2a6ab5c34 100644 (file)
--- a/wcfsetup/install/files/style/layout/form.scss
+++ b/wcfsetup/install/files/style/layout/form.scss
@@ -194,21 +194,35 @@ input {
                width: 80px;
        }
        
-       &.short {
-               flex-grow: 0;
-               min-width: 80px;
-               width: 10%;
+       &.long {
+               min-width: 150px;
+               width: 100%;
        }
        
-       &.medium {
-               flex-grow: 0;
-               min-width: 150px;
-               width: 30%;
+       @include screen-xs {
+               &.short {
+                       flex-grow: 0;
+                       width: 150px;
+               }
+               
+               &.medium {
+                       min-width: 150px;
+                       width: 100%;
+               }
        }
        
-       &.long {
-               min-width: 150px;
-               width: 100%;
+       @include screen-sm-up {
+               &.short {
+                       flex-grow: 0;
+                       min-width: 80px;
+                       width: 10%;
+               }
+               
+               &.medium {
+                       flex-grow: 0;
+                       min-width: 150px;
+                       width: 30%;
+               }
        }
 }