Add shadow for preview elements of drop list when dragging

projects/common/components/compound-elements/cloze/cloze-child-elements/drop-list-simple.component.ts

@@ -81,7 +81,7 @@ import { DropListComponent } from 'common/components/input-elements/drop-list.co
     '.item:active {cursor: grabbing}',
     '.errors {box-sizing: border-box; border: 2px solid #f44336 !important;}',
     '.error-message {font-size: 75%; margin-top: 10px;}',
-    '.cdk-drag-preview {padding: 8px 20px; border-radius: 10px; box-shadow: 2px 2px 1px black;}',
+    '.cdk-drag-preview {padding: 8px 20px; border-radius: 10px; box-shadow: 2px 2px 5px black;}',
     '.drag-placeholder {box-sizing: border-box; border-radius: 5px; background-color: lightgrey; border: dotted 3px #999;}',
     '.drag-placeholder {transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);}',
     '.cdk-drag-animating {transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);}',

projects/common/components/input-elements/drop-list.component.ts

@@ -126,7 +126,7 @@ import { FormElementComponent } from '../../directives/form-element-component.di
     '.horizontal-orientation.item:not(:last-child) {margin-right: 5px}',
     '.errors {outline: 2px solid #f44336 !important;}',
     '.error-message {font-size: 75%; margin-top: 10px;}',
-    '.cdk-drag-preview {padding: 8px 20px; border-radius: 10px; z-index: 5;}',
+    '.cdk-drag-preview {padding: 8px 20px; border-radius: 10px; z-index: 5; box-shadow: 2px 2px 5px black;}',
     '.drag-placeholder {box-sizing: border-box; border-radius: 5px; background-color: lightgrey; border: dotted 3px #999;}',
     '.drag-placeholder {transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);}',
     '.cdk-drag-animating {transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);}',