[Dashboard] native filter and dashboard edit mode

[ktmud]

Screenshot

A couple of cosmetic issues with dashboard edit mode and native filters:

Card controls is cramped with the native filter container.

Drop indicators are a little off. Both position-wise and length-wise.

[kkucharc]

Hi @ktmud as you mentioned fix: row component handler is visible #12498 addresses the first issue with icons. I just added PR for the rest.

I've got 2 additional questions.

1. I am wondering if this indicator line is in correct place?
   

2. Should this right indicator behave like this (disappear only when we move cursor to the top or bottom?)
   

[junlincc]

1. The line should show when the top of the card is getting close to the row, and when the left side of the card is getting close to the column, instead of half way through

2. Users should be 1. only seeing one horizontal line to indicate the row position. 2.only seeing one vertical line to indicate the column position. 3. one horizontal line + one vertical line on the left that create top left corner to indicate the exact position.
   but again, line shows when the border of the card gets close, not half way through. I believe.

@kkucharc

ktmud thoughts?

[ktmud]

1. The indicator line preferably should show at least below the bottom border of the current tab.
2. The indicator line should only show at where the dragged element will be placed when users release the drag & drop. Therefore the right indicator should not display if releasing the dragged component does not put it into the right column.

[kkucharc]

I will open separate PRs for those improvements just to make those changes small and easy revertable.