Fix editor CSS for person template (#656)

Author: albig

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;
 }