From b038b6dbe7a1a91b2759af6b8c77598c0d41c60a Mon Sep 17 00:00:00 2001
From: Dave Cranwell <david@torchbox.com>
Date: Thu, 12 Jun 2014 16:14:15 +0100
Subject: [PATCH] fixing positioning of multiple panels relative to their
 controls

---
 .../static/wagtailadmin/scss/components/forms.scss             | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/wagtail/wagtailadmin/static/wagtailadmin/scss/components/forms.scss b/wagtail/wagtailadmin/static/wagtailadmin/scss/components/forms.scss
index 3a6fc0d21..76a0879e3 100644
--- a/wagtail/wagtailadmin/static/wagtailadmin/scss/components/forms.scss
+++ b/wagtail/wagtailadmin/static/wagtailadmin/scss/components/forms.scss
@@ -297,7 +297,7 @@ button.icon{
     > li{
         position:relative;
         background-color:white;
-        padding:1em 1.5em;
+        padding:1em 10em 1em 1.5em; /* 10em padding leaves room for controls */
         margin-bottom:1em;
         border:1px solid lighten($color-grey-4, 3%); /* really trying to avoid creating more greys, but this one is better than grey 4 or 5 */
         @include border-radius(2px);
@@ -319,6 +319,7 @@ button.icon{
     /* Object controls */
     .controls{
         position:absolute;
+        z-index:1;
         right:1em;
         top:1em;
         color:white;