Fix rendering issue with very low camera title.

src/components/live.ts

@@ -1,5 +1,3 @@
-// TODO editor: fill in a new camera then backspace it away
-// TODO editor: render correctly when name title is really long
 // TODO editor: should not be able to move up a new camera before it's not new.
 // TODO reconsider card_id, and using entity (which is unique) as that id
 // TODO rename card_id to id?

src/editor.ts

@@ -269,7 +269,6 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
         @click=${this._toggleCameraHandler}
         .cameraIndex=${cameraIndex}
       >
-        <div>
         <ha-icon .icon=${addNewCamera ? 'mdi:video-plus' : 'mdi:video'}></ha-icon>
         <span>
           ${addNewCamera
@@ -303,7 +302,6 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
               </span>`}
         </span>
       </div>
-      </div>
     `;
   }
 

src/scss/editor.scss

@@ -41,10 +41,14 @@ div.upgrade span {
 }
 
 .camera-header {
+  display: flex;
   margin-top: 4px;
+
   cursor: pointer;
 }
 .camera-header * {
+  flex-basis: auto;
+
   // Only allow clicks on the outermost header.
   pointer-events: none;
 }