Follow up padding fix to de559f3

app/assets/stylesheets/common/base/modal.scss

@@ -193,6 +193,7 @@
   .modal-body {
     overflow-y: auto;
     max-height: 400px;
+    padding: 1em;
 
     &.full-height-modal {
       max-height: calc(100vh - 150px);

app/assets/stylesheets/common/base/topic-admin-menu.scss

@@ -119,7 +119,6 @@
 }
 
 .mobile-view .feature-topic .feature-section {
-  padding: 1em 0.667em;
   .desc {
     display: block;
     clear: both;

app/assets/stylesheets/desktop/modal.scss

@@ -14,10 +14,6 @@
   animation: fade 0.25s;
 }
 
-.modal-body {
-  padding: 15px;
-}
-
 .modal-footer .btn.right {
   float: right;
 }

app/assets/stylesheets/mobile/modal.scss

@@ -15,17 +15,20 @@
   width: 100%;
 }
 
-.modal.fade {
-  transition: opacity 0.3s linear, top 0.3s ease-out;
-  top: -25%;
-}
-.modal.fade.in {
-  top: 50%;
-}
-.modal-body {
-  > * {
-    box-sizing: border-box;
+.modal {
+  &.fade {
+    transition: opacity 0.3s linear, top 0.3s ease-out;
+    top: -25%;
+  }
+  &.fade.in {
+    top: 50%;
+  }
+  .modal-body {
     padding: 0.667em;
+    > * {
+      // adding box-sizing: border-box; to .modal-body causes iOS dropdown issues
+      box-sizing: border-box;
+    }
   }
 }
 
@@ -114,3 +117,7 @@
     overflow: auto;
   }
 }
+
+.modal .modal-body.reorder-categories {
+  max-height: calc(100vh - 220px);
+}