Merge pull request #688 from dermotduffy/safari-style

Fix webrtc card style issue in Safari

src/components/live.ts

@@ -907,6 +907,12 @@ export class FrigateCardLiveWebRTCCard extends LitElement {
           (e as FrigateCardError).context,
         );
       }
+      if (webrtcElement) {
+        // Set the id to ensure that the relevant CSS styles will have
+        // sufficient specifity to overcome some styles that are otherwise
+        // applied to <ha-card> in Safari.
+        webrtcElement.id = "webrtc";
+      }
       return html`${webrtcElement}`;
     };
 

src/scss/live-webrtc.scss

@@ -5,7 +5,7 @@
 }
 
 /* Don't drop shadow or have radius for nested webrtc card */
-webrtc-camera ha-card {
+#webrtc ha-card {
   box-shadow: none;
   border-radius: 0px;
   background-color: black;