update the author bio CSS to match the old version as closely as possbile

seedlet/assets/css/style-editor.css

@@ -1761,11 +1761,21 @@ pre.wp-block-verse {
 	max-width: var(--responsive--aligndefault-width);
 }
 
+.entry-author .author-avatar {
+	display: none;
+}
+
 .site-main > article > .entry-author {
 	margin-top: calc(2 * var(--global--spacing-vertical));
 }
 
 .entry-author .author-title {
+	font-family: var(--global--font-ui);
+	font-size: var(--global--font-size-xs);
+}
+
+.entry-author .author-title .author-name {
+	display: block;
 	font-family: var(--entry-author-bio--font-family);
 	font-size: var(--entry-author-bio--font-size);
 }
@@ -1774,6 +1784,11 @@ pre.wp-block-verse {
 	font-size: var(--global--font-size-md);
 }
 
+.entry-author .author-link::before {
+	content: '';
+	display: block;
+}
+
 /**
  * Jetpack editor styles
  */

seedlet/assets/sass/components/entry/_author-bio.scss

@@ -9,16 +9,31 @@
 	font-size: var(--global--font-size-xs);
 	max-width: var(--responsive--aligndefault-width);
 
+	.author-avatar {
+		display: none;
+	}
+
 	.site-main > article > & {
 		margin-top: calc(2 * var(--global--spacing-vertical));
 	}
 
 	.author-title {
-		font-family: var(--entry-author-bio--font-family);
-		font-size: var(--entry-author-bio--font-size);
+		font-family: var(--global--font-ui);
+		font-size: var(--global--font-size-xs);
+
+		.author-name {
+			display: block;
+			font-family: var(--entry-author-bio--font-family);
+			font-size: var(--entry-author-bio--font-size);
+		}
 	}
 
 	.author-bio {
 		font-size: var(--global--font-size-md);
 	}
+
+	.author-link::before {
+		content: '';
+		display: block;
+	}
 }

seedlet/style-rtl.css

@@ -3295,11 +3295,21 @@ nav a {
 	max-width: var(--responsive--aligndefault-width);
 }
 
+.entry-author .author-avatar {
+	display: none;
+}
+
 .site-main > article > .entry-author {
 	margin-top: calc(2 * var(--global--spacing-vertical));
 }
 
 .entry-author .author-title {
+	font-family: var(--global--font-ui);
+	font-size: var(--global--font-size-xs);
+}
+
+.entry-author .author-title .author-name {
+	display: block;
 	font-family: var(--entry-author-bio--font-family);
 	font-size: var(--entry-author-bio--font-size);
 }
@@ -3308,6 +3318,11 @@ nav a {
 	font-size: var(--global--font-size-md);
 }
 
+.entry-author .author-link::before {
+	content: '';
+	display: block;
+}
+
 /* Next/Previous navigation */
 .navigation {
 	color: var(--global--color-foreground);

seedlet/style.css

@@ -3316,11 +3316,21 @@ nav a {
 	max-width: var(--responsive--aligndefault-width);
 }
 
+.entry-author .author-avatar {
+	display: none;
+}
+
 .site-main > article > .entry-author {
 	margin-top: calc(2 * var(--global--spacing-vertical));
 }
 
 .entry-author .author-title {
+	font-family: var(--global--font-ui);
+	font-size: var(--global--font-size-xs);
+}
+
+.entry-author .author-title .author-name {
+	display: block;
 	font-family: var(--entry-author-bio--font-family);
 	font-size: var(--entry-author-bio--font-size);
 }
@@ -3329,6 +3339,11 @@ nav a {
 	font-size: var(--global--font-size-md);
 }
 
+.entry-author .author-link::before {
+	content: '';
+	display: block;
+}
+
 /* Next/Previous navigation */
 .navigation {
 	color: var(--global--color-foreground);

seedlet/template-parts/post/author-bio.php

@@ -23,7 +23,7 @@ if ( (bool) get_the_author_meta( 'description' ) ) : ?>
 	</div><!-- .author-heading -->
 
 	<p class="author-bio">
-		<?php the_author_meta( 'description' ); ?></br>
+		<?php the_author_meta( 'description' ); ?>
 		<a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
 			<?php printf( esc_html__( 'View all posts by %s', 'seedlet' ), get_the_author() ); ?>
 		</a>