Fix the margin on nested has_many sortables

mattvague · Nov 18, 2013 · 9b679ab · 9b679ab
1 parent b1122b9
commit 9b679ab
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/app/assets/stylesheets/active_admin/_forms.css.scss b/app/assets/stylesheets/active_admin/_forms.css.scss
@@ -8,7 +8,7 @@ form {
     border: 0;
     padding: 10px 0;
     margin-bottom: 20px;
-    position: relative; // required for the absolutely positioned sortable .handle 
+    position: relative; // required for the absolutely positioned sortable .handle
 
     &.inputs { @include section-background; }
 
@@ -52,13 +52,19 @@ form {
     }
   }
 
-  .has_many_container .handle {
-    position: absolute;
-    @include icon-size(3em);
-    top: calc(50% - 3em / 2);
-    right: 2px;
-    padding: 0;
-    cursor: move;
+  .has_many_container {
+    .handle {
+      position: absolute;
+      @include icon-size(3em);
+      top: calc(50% - 3em / 2);
+      right: 2px;
+      padding: 0;
+      cursor: move;
+    }
+
+    &.ui-sortable .has_many_container {
+      margin-right: 30px;
+    }
   }
 
   .ui-sortable {