diff --git a/assets/css/components/calls/window.css b/assets/css/components/calls/window.css index 6e51d8c5..16bf8812 100644 --- a/assets/css/components/calls/window.css +++ b/assets/css/components/calls/window.css @@ -64,15 +64,17 @@ color: inherit; } -.call-window .head .record-label { +.call-window .record-label { color: red; margin-left: 10px; + text-align: center; } -.call-window .head .record-label a { +.call-window .record-label a { margin-left: 5px; background-color: darkred !important; font-weight: bold; + color: white; } .call-window .members-area { diff --git a/assets/js/components/calls/window.js b/assets/js/components/calls/window.js index 54c16bf6..f4b81b1c 100644 --- a/assets/js/components/calls/window.js +++ b/assets/js/components/calls/window.js @@ -941,8 +941,8 @@ class CallWindow extends CustomEvents { // Add notice this.recordLabel = createElem2({ - appendTo: this.windowHead, - type: "span", + insertBefore: this.videosArea, + type: "div", class: "record-label", innerHTML: "Recording" });