From c9be2bcadd7b6a8003f6d3ca905605ef97264f2f Mon Sep 17 00:00:00 2001
From: Andrew Huang <ahuang@anaconda.com>
Date: Mon, 1 Apr 2024 15:11:01 -0700
Subject: [PATCH] Fix card header margins

---
 panel/styles/models/card.less | 9 +++------
 panel/theme/css/bootstrap.css | 8 --------
 panel/theme/css/material.css  | 4 ----
 3 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/panel/styles/models/card.less b/panel/styles/models/card.less
index 32167b0562..a3b5a47bfa 100644
--- a/panel/styles/models/card.less
+++ b/panel/styles/models/card.less
@@ -22,10 +22,10 @@
   border-radius: 0.25rem;
   display: inline-flex;
   justify-content: start;
-  left: 0;
   outline: unset;
   position: sticky;
   width: 100%;
+  padding-inline: 0.5em;
 }
 
 .accordion-header {
@@ -37,20 +37,17 @@
   display: flex;
   justify-content: start;
   position: sticky;
-  left: 0;
   width: 100%;
 }
 
 .card-button {
   background-color: transparent;
-  margin-left: 0.5em;
-  margin-right: 0.5em;
+  margin-left: 0em;
+  margin-right: 0.25em;
 }
 
 .card-header-row {
-  margin-left: auto 1em;
   position: relative !important;
-  max-width: calc(100% - 2em);
 }
 
 .card-title {
diff --git a/panel/theme/css/bootstrap.css b/panel/theme/css/bootstrap.css
index 4b94389d22..1630fd3dda 100644
--- a/panel/theme/css/bootstrap.css
+++ b/panel/theme/css/bootstrap.css
@@ -149,14 +149,6 @@ button.accordion-header {
   border-radius: 0;
 }
 
-:host(.card-header-row) .card-title {
-  margin: 0;
-}
-
-.card-header > .card-header-row {
-  margin-left: 15px;
-}
-
 :host(.card-title) h1,
 :host(.card-title) h2,
 :host(.card-title) h3,
diff --git a/panel/theme/css/material.css b/panel/theme/css/material.css
index 9c6e7eafcd..42d79fd9b3 100644
--- a/panel/theme/css/material.css
+++ b/panel/theme/css/material.css
@@ -55,10 +55,6 @@
   padding: 0px 6px;
 }
 
-.card-header > .card-header-row {
-  margin-left: 15px;
-}
-
 button.mdc-button.mdc-card-button {
   color: transparent;
   height: 50px;