68346: Drag handle outside drag component

src/app/+item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html

@@ -35,7 +35,9 @@
                 }">
         <ds-item-edit-bitstream [fieldUpdate]="updateValue"
                                 [bundleUrl]="bundle.self">
-          <ds-item-edit-bitstream-drag-handle slot="drag-handle"></ds-item-edit-bitstream-drag-handle>
+          <div class="d-flex align-items-center" slot="drag-handle" cdkDragHandle>
+            <ds-item-edit-bitstream-drag-handle></ds-item-edit-bitstream-drag-handle>
+          </div>
         </ds-item-edit-bitstream>
       </div>
     </div>

src/app/+item-page/edit-item-page/item-bitstreams/item-edit-bitstream-drag-handle/item-edit-bitstream-drag-handle.component.html

 <ng-template #handleView>
-  <div class="drag-handle text-muted float-left p-1 mr-2 d-flex align-items-center" cdkDragHandle>
+  <div class="drag-handle text-muted float-left p-1 mr-2">
     <i class="fas fa-grip-vertical fa-fw" [title]="'item.edit.bitstreams.edit.buttons.drag' | translate"></i>
   </div>
 </ng-template>