From 407167cf90a47e6157951a547e419e71ef1c25aa Mon Sep 17 00:00:00 2001
From: Thomas Hartmann <thomas.hartmann@qt.io>
Date: Sat, 18 Feb 2023 20:43:49 +0100
Subject: [PATCH] QmlDesigner: Adjust CSS  for dockwidgets

* Add padding on the left to account for close button.
* Set minimum size of 80px for tab
* Use different colors for hover

Change-Id: I87dd98aa939c85278bd2312de50117f1f32fb274
Reviewed-by: Brook Cronin <brook.cronin@qt.io>
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>
---
 .../qmldesigner/components/resources/dockwidgets.css        | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/plugins/qmldesigner/components/resources/dockwidgets.css b/src/plugins/qmldesigner/components/resources/dockwidgets.css
index 84865f47491..488a0e36bb2 100644
--- a/src/plugins/qmldesigner/components/resources/dockwidgets.css
+++ b/src/plugins/qmldesigner/components/resources/dockwidgets.css
@@ -29,10 +29,12 @@ ADS--DockWidgetTab {
     border-color: creatorTheme.DStabSplitter;
     border-style: solid;
     border-width: 0 1px 0 0;
+    padding-left: 16px;
 }
 
 ADS--DockWidgetTab QLabel {
     color: creatorTheme.DStabInactiveText;
+    min-width: 80px;
 }
 
 ADS--DockWidgetTab[activeTab="true"] {
@@ -44,7 +46,7 @@ ADS--DockWidgetTab[activeTab="true"] QLabel {
 }
 
 ADS--DockWidgetTab[activeTab="true"] > #tabCloseButton:hover {
-    background: creatorTheme.DStabActiveButtonHover;
+    background: creatorTheme.DStabActiveBackground;
 }
 
 ADS--DockWidgetTab[activeTab="true"] > #tabCloseButton:pressed {
@@ -105,7 +107,7 @@ QScrollArea#dockWidgetScrollArea {
 }
 
 #tabCloseButton:hover {
-    background: creatorTheme.DStabInactiveButtonHover;
+    background: creatorTheme.DStabActiveBackground;
 }
 
 #tabCloseButton:pressed {