Improve mobile dialog

jet/static/jet/css/jquery-ui/_jquery-ui.theme.scss

@@ -61,6 +61,14 @@
   color: $jquery-ui-state-highlight-text-color;
 }
 
+.ui-dialog {
+  @include for-phone {
+    left: 10px !important;
+    right: 10px !important;
+    width: auto !important;
+  }
+}
+
 .ui-dialog-buttonpane {
   background: $jquery-ui-buttonpane-background;
   margin: .5em -0.2em -0.2em -0.2em;

jet/static/jet/js/src/features/touchmove-non-scrollable.js

@@ -13,7 +13,7 @@ TouchMoveNonScrollable.prototype = {
                     if ($node.hasClass('non-scrollable')) {
                         allowed = false;
                         break;
-                    } else if ($node.hasClass('scrollable')) {
+                    } else if ($node.hasClass('scrollable') || $node.hasClass('ui-widget-overlay')) {
                         break;
                     } else {
                         $node = $node.parent();