NavMenu Items should have a delete button

[machuu]

Currently, there is no way to delete a Deck or Card.

Options:

• Button in the NavMenu for each item
• Button in the Editor to delete the active Card

[machuu]

Problem: X (delete button) is showing up underneath Deck Name.

The name content needs to be in it's own <div> so there is no raw content next to a <div>.

Current layout:

<div class="navigator-item" id="SCENE_SCENE-DECK-2021-02-27T12:21:39.643Z-8o4r" deckid="SCENE-DECK-2021-02-27T12:21:39.643Z-8o4r">
    Scene Deck 1
    <div class="button" deckid="SCENE-DECK-2021-02-27T12:21:39.643Z-8o4r" clickaction="removeSCENEDeck">X</div>
</div>

Desired layout:

<div class="navigator-item" id="SCENE_SCENE-DECK-2021-02-27T12:21:39.643Z-8o4r" deckid="SCENE-DECK-2021-02-27T12:21:39.643Z-8o4r">
    <div>Scene Deck 1</div>
    <div class="button" deckid="SCENE-DECK-2021-02-27T12:21:39.643Z-8o4r" clickaction="removeSCENEDeck">X</div>
</div>

Adding display: flex; to the first <div> displays the X on the same line as the Deck Name.