From 78ca4fc4ba72c81b23c721451e7dab9b2c896e97 Mon Sep 17 00:00:00 2001
From: Guz013 <43732358+Guz013@users.noreply.github.com>
Date: Fri, 23 Jun 2023 15:41:17 -0300
Subject: [PATCH] =?UTF-8?q?fix(banners):=20=F0=9F=90=9B=20vertical=20layou?=
 =?UTF-8?q?t?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/banners/src/html.js | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/packages/banners/src/html.js b/packages/banners/src/html.js
index d4658a0..b75039b 100644
--- a/packages/banners/src/html.js
+++ b/packages/banners/src/html.js
@@ -51,6 +51,7 @@ export function generateBannerHtml({
 						: 'flex-direction: column;'
 					}
 					align-items: center;
+					justify-content: center;
 					min-width: 98%;
 					min-height: 20%;
 					gap: 1em;
@@ -76,17 +77,13 @@ export function generateBannerHtml({
 					">
 					<div style="display: flex; flex-direction: column;">
 						<h1 style="
-							margin: ${horizontal ? '0' : '0 0 1em 0'};
+							margin: ${horizontal ? '0' : '0 auto 1em auto'};
 							font-weight:  ${fonts.title.weight};
 							font-family: ${fonts.title.name};
 							text-overflow: ellipsis;
 							max-width: 50em;
 							display: flex;
 							flex-direction: ${rtl ? 'row-reverse' : 'row'};
-							${horizontal
-								? 'text-align: start;'
-								: 'text-align: center;'
-							}
 						">
 							%%MARKNOW-PLACEHOLDER-TITLE%%
 						</h1>
@@ -99,8 +96,8 @@ export function generateBannerHtml({
 							display: flex;
 							flex-direction: ${rtl ? 'row-reverse' : 'row'};
 							${horizontal
-								? 'text-align: start;'
-								: 'text-align: center;'
+								? 'margin: 0;'
+								: 'margin: 0 auto;'
 							}
 						">
 							%%MARKNOW-PLACEHOLDER-SUBTILE%%