From e64e646587c4381edfde813e1911531cff9c574e Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Fri, 17 Dec 2021 07:53:16 +0100
Subject: [PATCH] Refined default header styles

---
 core/frontend/src/cards/css/header.css | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/core/frontend/src/cards/css/header.css b/core/frontend/src/cards/css/header.css
index fd28ad8712..5bd734f413 100644
--- a/core/frontend/src/cards/css/header.css
+++ b/core/frontend/src/cards/css/header.css
@@ -80,10 +80,14 @@
     font-size: 1.5em;
     font-weight: 500;
     line-height: 1.4em;
-    margin: 0.35em 0 0;
+    margin: 0;
     max-width: 40em;
 }
 
+.kg-header-card h2 + h3.kg-header-card-subheader {
+    margin: 0.35em 0 0;
+}
+
 .kg-header-card h3.kg-header-card-subheader strong {
     font-weight: 600;
 }
@@ -143,27 +147,39 @@
     text-overflow: ellipsis;
     color: #151515;
     height: 2.7em;
-    margin: 1.75em 0 0;
     padding: 0 1.2em;
     transition: opacity .2s ease;
 }
 
+.kg-header-card h2 + a.kg-header-card-button,
+.kg-header-card h3 + a.kg-header-card-button {
+    margin: 1.75em 0 0;
+}
+
 .kg-header-card a.kg-header-card-button:hover {
     opacity: 0.85;
 }
 
 .kg-header-card.kg-size-large a.kg-header-card-button {
-    margin-top: 2em;
     font-size: 1.1em;
     height: 2.9em;
 }
 
+.kg-header-card.kg-size-large h2 + a.kg-header-card-button,
+.kg-header-card.kg-size-large h3 + a.kg-header-card-button {
+    margin-top: 2em;
+}
+
 .kg-header-card.kg-size-small a.kg-header-card-button {
-    margin-top: 1.5em;
     height: 2.4em;
     font-size: 1em;
 }
 
+.kg-header-card.kg-size-small h2 + a.kg-header-card-button,
+.kg-header-card.kg-size-small h3 + a.kg-header-card-button {
+    margin-top: 1.5em;
+}
+
 .kg-header-card.kg-style-image a.kg-header-card-button,
 .kg-header-card.kg-style-dark a.kg-header-card-button {
     background: #fff;