From eb9108ef80182cf2bc5028447f524ed998e3df63 Mon Sep 17 00:00:00 2001
From: Philipp Rudiger <prudiger@anaconda.com>
Date: Mon, 29 Jul 2024 12:31:04 +0200
Subject: [PATCH] Improve font-size and alignment in Bootstrap Card header
 (#7037)

* Reduce Card title font-size in Bootstrap

* Further styling fixes
---
 panel/theme/css/bootstrap.css | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/panel/theme/css/bootstrap.css b/panel/theme/css/bootstrap.css
index 1630fd3dda..6a7bdbac5c 100644
--- a/panel/theme/css/bootstrap.css
+++ b/panel/theme/css/bootstrap.css
@@ -149,6 +149,38 @@ button.accordion-header {
   border-radius: 0;
 }
 
+.card-button {
+  line-height: 0.9em;
+}
+
+.card-title {
+  margin-bottom: 5px;
+}
+
+:host(.card-title) h1 {
+  font-size: 2em;
+}
+
+:host(.card-title) h2 {
+  font-size: 1.5em;
+}
+
+:host(.card-title) h3 {
+  font-size: 1.17em;
+}
+
+:host(.card-title) h4 {
+  font-size: 1em;
+}
+
+:host(.card-title) h5 {
+  font-size: 0.83em;
+}
+
+:host(.card-title) h6 {
+  font-size: 0.67em;
+}
+
 :host(.card-title) h1,
 :host(.card-title) h2,
 :host(.card-title) h3,