Fix card header margins

holoviz · Apr 1, 2024 · c9be2bc · c9be2bc
1 parent 6b40582
commit c9be2bc
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 18 deletions.
diff --git 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
@@ -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
@@ -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;