Lower select and input button width's on mobile

2017-10-11 09:12:55 -05:00
parent 499d61161a
commit 4da430c08e
1 changed files with 8 additions and 0 deletions
--- a/src/style/_form.scss
+++ b/src/style/_form.scss
@@ -30,6 +30,10 @@ select
 .opblock-body select
 {
    min-width: 230px;
+    @media (max-width: 768px)
+    {
+        min-width: 180px;
+    }
 }

 label
@@ -56,6 +60,10 @@ input[type=file]
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: #fff;
+    @media (max-width: 768px) {
+      max-width: 175px;
+    }
+

    &.invalid
    {