From b35f95939470b15e51211f5068884c4b6f265d7a Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Fri, 19 Sep 2025 17:25:36 +0200
Subject: [PATCH] ov-components: update SCSS for collapsible panels menu and
 adjust button dimensions

---
 .../toolbar-panel-buttons.component.scss           | 14 +++++++++-----
 .../lib/services/config/global-config.service.ts   |  2 +-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/toolbar/toolbar-panel-buttons/toolbar-panel-buttons.component.scss b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/toolbar/toolbar-panel-buttons/toolbar-panel-buttons.component.scss
index 47b980a9..e54608b3 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/toolbar/toolbar-panel-buttons/toolbar-panel-buttons.component.scss
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/toolbar/toolbar-panel-buttons/toolbar-panel-buttons.component.scss
@@ -36,7 +36,12 @@
 }
 
 // Global styles for the collapsible panels menu
-
+::ng-deep .cdk-overlay-pane {
+	width: auto !important;
+}
+::ng-deep .cdk-overlay-connected-position-bounding-box {
+	right: 0 !important;
+}
 .panels-menu,
 ::ng-deep .panels-menu,
 .panels-menu .mat-mdc-menu-panel,
@@ -46,11 +51,10 @@
 	background-color: transparent !important;
 	box-shadow: none !important;
 	border: none !important;
-	min-width: 55px !important;
-	width: 55px !important;
-	max-width: 55px !important;
+	min-width: 50px !important;
+	width: 50px !important;
+	max-width: 50px !important;
 	padding: 4px 0 !important;
-	justify-content: flex-end !important;
 	display: grid !important;
 }
 
diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/services/config/global-config.service.ts b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/services/config/global-config.service.ts
index caa4174c..80ab8065 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/services/config/global-config.service.ts
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/services/config/global-config.service.ts
@@ -1,5 +1,5 @@
 import { DOCUMENT } from '@angular/common';
-import { Inject, Injectable} from '@angular/core';
+import { Inject, Injectable } from '@angular/core';
 import { ParticipantFactoryFunction, OpenViduComponentsConfig } from '../../config/openvidu-components-angular.config';
 
 /**