Style for multiple placeholders in exercises.

diff --git a/catalogue/static/catalogue/css/exercise.css b/catalogue/static/catalogue/css/exercise.css
index decaef5..dc5ab1b 100644 (file)
--- a/catalogue/static/catalogue/css/exercise.css
+++ b/catalogue/static/catalogue/css/exercise.css
@@ -163,14 +163,18 @@
       .przyporzadkuj .predicate > li .subjects .placeholder {
         border-radius: 0.688em;
         padding: 0.5em 0.688em;
+        text-align: right;
+        position: relative;
+        padding: 0.5em 0.688em;
+        margin: 0 -0.688em; }
+      .przyporzadkuj .predicate > li .subjects .multiple {
         position: absolute;
+        z-index: -1;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
-        margin: 0;
-        z-index: -1;
-        text-align: right; }
+        margin: 0; }
       .przyporzadkuj .predicate > li .subjects .placeholder.dragover {
         z-index: 1; }
       .przyporzadkuj .predicate > li .subjects .placeholder:after {

diff --git a/catalogue/static/catalogue/css/exercise.scss b/catalogue/static/catalogue/css/exercise.scss
index 035aa2a..039b088 100755 (executable)
--- a/catalogue/static/catalogue/css/exercise.scss
+++ b/catalogue/static/catalogue/css/exercise.scss
@@ -216,15 +216,21 @@ $px: 0.0625em;
 
                 .placeholder {
                     @include bubble;
+                    text-align: right;
+                    position:relative;
+                    padding: 8*$px 11*$px;
+                    margin: 0 -11*$px;
+                }
+                .multiple {
                     position: absolute;
+                    z-index: -1;
                     top: 0;
                     bottom: 0;
                     left: 0;
                     right: 0;
                     margin: 0;
-                    z-index: -1;
-                    text-align: right;
                 }
+                
                 .placeholder.dragover {
                     z-index: 1;
                 }