From 034d5a1056f40364d9b0bd1f45fb4af895766dc3 Mon Sep 17 00:00:00 2001
From: Alexander Bigga <alexander.bigga@verdigado.com>
Date: Fri, 12 Jul 2024 13:45:15 +0200
Subject: [PATCH] Fix editor CSS for person template (#656)

---
 assets/css/editor-style.css | 49 ++++++++++++++++++++++++++++++++++---
 1 file changed, 46 insertions(+), 3 deletions(-)

diff --git a/assets/css/editor-style.css b/assets/css/editor-style.css
index 3950c7a..2fffcc2 100644
--- a/assets/css/editor-style.css
+++ b/assets/css/editor-style.css
@@ -28,21 +28,64 @@
 	line-height: 1.5;
 }
 
+.wp-block-column-is-layout-flow {
+	height: 100%;
+}
+
 .wp-block-media-text.person {
 	display: flex;
 	flex-direction: column;
 	height: 100%;
-	margin-bottom: 10px;
 }
 
-.wp-block-media-text.person .h4,
 .wp-block-media-text.person .person-name {
-	font-size: 27px;
+	font-size: 30px;
 	font-weight: 700;
+}
+
+.wp-block-media-text.person .person-name {
 	font-family: "GrueneType";
+}
+
+.wp-block-media-text.person .h4 {
+	font-size: 30px;
+	font-weight: 700;
 	margin-bottom: 1rem;
 }
 
+.wp-block-media-text.person .h4 {
+	font-family: "GrueneType";
+}
+
+.wp-block-media-text.person .wp-block-media-text__content {
+	padding: 20px;
+	align-self: start;
+	width: 100%;
+	height: 100%;
+	background: #fff;
+	border-bottom-left-radius: 3px;
+	border-bottom-right-radius: 3px;
+}
+
+.wp-block-media-text.person .wp-block-media-text__media {
+	align-self: auto;
+}
+
+.wp-block-media-text.person .wp-block-media-text__media img,
+.wp-block-media-text.person .wp-block-image img {
+	border-top-left-radius: 3px;
+	border-top-right-radius: 3px;
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+	width: 100%;
+}
+
+.wp-block-media-text.person .wp-block-media-text__media figcaption,
+.wp-block-media-text.person .wp-block-image figcaption {
+	font-size: 15px;
+	text-align: right;
+}
+
 .d-flex .wp-block-group__inner-container {
 	display: flex !important;
 }