From eaf48276f0a1800e7d6abf54fe792bf71a7c091c Mon Sep 17 00:00:00 2001
From: w33b <w33b@hstream.moe>
Date: Tue, 28 Jul 2026 20:33:20 +0200
Subject: [PATCH] Update player setting design

---
 resources/css/player.css           | 11 +++++------
 resources/js/player/player-core.js |  2 +-
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/resources/css/player.css b/resources/css/player.css
index e5c7c49..d9812aa 100644
--- a/resources/css/player.css
+++ b/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;
diff --git a/resources/js/player/player-core.js b/resources/js/player/player-core.js
index 25e1abf..7464d69 100644
--- a/resources/js/player/player-core.js
+++ b/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) {