From 3107a10bdf92348c6e450981f9b1aaf0425f385f Mon Sep 17 00:00:00 2001
From: milan <mk@egroupware.org>
Date: Fri, 13 Sep 2024 19:48:39 +0200
Subject: [PATCH] decrease padding in tabbox and remove background color on
 square parent container

---
 pixelegg/css/fancy.css  |  9 ++++++---
 pixelegg/css/fancy.less | 10 +++++++---
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/pixelegg/css/fancy.css b/pixelegg/css/fancy.css
index 0afabefbb9..c6cfb7321f 100644
--- a/pixelegg/css/fancy.css
+++ b/pixelegg/css/fancy.css
@@ -7163,9 +7163,9 @@ img.et2_button_icon[src*="svg"]:hover {
 :host et2-tabbox::part(tabs),
 .sl-theme-light et2-tabbox::part(tabs),
 .sl-theme-dark et2-tabbox::part(tabs) {
-  padding-bottom: var(--sl-spacing-large);
-  padding-top: var(--sl-spacing-x-large);
-  gap: var(--sl-spacing-large);
+  padding-bottom: var(--sl-spacing-x-small);
+  padding-top: var(--sl-spacing-medium);
+  gap: var(--sl-spacing-medium);
 }
 :root et2-tabbox et2-tab::part(base),
 :host et2-tabbox et2-tab::part(base),
@@ -7199,6 +7199,9 @@ img.et2_button_icon[src*="svg"]:hover {
 .sl-theme-dark et2-tabbox .nextmatch_header_row input.et2_textbox {
   border-radius: var(--sl-border-radius-pill);
 }
+.et2_required:not(.hasValue) {
+  background-color: initial;
+}
 .nextmatch_header .header_count {
   border-radius: var(--sl-border-radius-medium);
 }
diff --git a/pixelegg/css/fancy.less b/pixelegg/css/fancy.less
index ed47a2deab..e6174f2121 100644
--- a/pixelegg/css/fancy.less
+++ b/pixelegg/css/fancy.less
@@ -18,9 +18,9 @@
 
 
         &::part(tabs) {
-            padding-bottom: var(--sl-spacing-large);
-            padding-top: var(--sl-spacing-x-large);
-            gap: var(--sl-spacing-large);
+            padding-bottom: var(--sl-spacing-x-small);
+            padding-top: var(--sl-spacing-medium);
+            gap: var(--sl-spacing-medium);
         }
 
         et2-tab {
@@ -49,6 +49,10 @@
     }
 }
 
+.et2_required:not(.hasValue){
+    background-color: initial;
+}
+
 // styling of legacy NM parts
 .nextmatch_header .header_count {
     border-radius: var(--sl-border-radius-medium);