Update player setting design

resources/css/player.css

@@ -190,7 +190,7 @@
     left: 0;
     right: 0;
     bottom: 100%;
-    height: 48px;
+    height: 32px;
     pointer-events: none;
     z-index: 0;
 }
@@ -439,13 +439,12 @@
 .hstream-player__menu-container {
     position: absolute;
     right: 12px;
-    bottom: 100%;
-    margin-bottom: 2px;
+    bottom: 80px;
     min-width: 220px;
     max-width: 280px;
-    background: rgba(20, 20, 20, 0.95);
-    backdrop-filter: blur(16px);
-    -webkit-backdrop-filter: blur(16px);
+    background: rgba(20, 20, 20, 0.70);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 10px;
     overflow: hidden;

resources/js/player/player-core.js

@@ -235,7 +235,7 @@ export class HStreamPlayer {
 
         // Build settings menu
         this._buildSettingsMenu();
-        this._controlsEl.appendChild(this._menuContainer);
+        this.container.appendChild(this._menuContainer);
     }
 
     _createButton(action, iconClass, label) {