Update mobile styles

jet/static/jet/css/_changeform.scss

@@ -18,6 +18,13 @@
   p {
     padding-left: 0;
   }
+
+  .select2 {
+    @include for-phone {
+      width: auto !important;
+      max-width: 100%;
+    }
+  }
 }
 
 .hidden {
@@ -393,10 +400,19 @@ body.popup .submit-row {
   border-radius: 4px 0 0 4px !important;
   border-right: 0 !important;
 
+  @include for-phone {
+    border-radius: 4px !important;
+    border-right: 1px !important;
+  }
+
   &-link {
     vertical-align: top;
     display: inline-block;
 
+    @include for-phone {
+       display: none;
+    }
+
     span {
       width: 32px;
       height: 32px;

jet/static/jet/css/_forms.scss

@@ -72,16 +72,16 @@ input[type="text"], input[type="email"], input[type="password"], input[type="url
     color: $input-placeholder-color;
   }
 
-  &:focus {
-    box-shadow: 0 0 4px 0 $input-shadow-color;
-    border-color: $input-background-color;
-  }
-
   @include for-mobile {
     fieldset.module & {
       box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.04)
     }
   }
+
+  &:focus, fieldset.module &:focus {
+    box-shadow: 0 0 4px 0 $input-shadow-color;
+    border-color: $input-background-color;
+  }
 }
 
 textarea {

jet/static/jet/css/_modules.scss

@@ -11,6 +11,10 @@ fieldset.module {
   @include for-mobile {
     padding: 10px;
   }
+
+  @include for-phone {
+    padding: 5px;
+  }
 }
 
 .module p, .module ul, .module h3, .module h4, .module dl, .module pre {