Improve font-size and alignment in Bootstrap Card header (#7037)

* Reduce Card title font-size in Bootstrap * Further styling fixes
holoviz · Jul 29, 2024 · 9aeca5d · 9aeca5d
1 parent d0f025d
commit 9aeca5d
Showing 1 changed file with 32 additions and 0 deletions.
diff --git 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,