From 434cb626c9b939bf878470b5401241f5de3522c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adam=20Zieli=C5=84ski?= <adam@adamziel.com>
Date: Fri, 11 Oct 2024 00:45:54 +0200
Subject: [PATCH] Website: CSS Tweaks

---
 .../website/src/components/browser-chrome/index.tsx   | 11 ++++++-----
 .../site-manager/blueprints-panel/index.tsx           |  2 +-
 .../website/src/components/site-manager/index.tsx     |  4 +++-
 .../components/site-manager/site-info-panel/index.tsx |  2 +-
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/packages/playground/website/src/components/browser-chrome/index.tsx b/packages/playground/website/src/components/browser-chrome/index.tsx
index 2a6b2ca2c0..75897ab5b3 100644
--- a/packages/playground/website/src/components/browser-chrome/index.tsx
+++ b/packages/playground/website/src/components/browser-chrome/index.tsx
@@ -32,13 +32,14 @@ export default function BrowserChrome({
 	const addressBarClass = classNames(css.addressBarSlot, {
 		[css.isHidden]: !showAddressBar,
 	});
-	const wrapperClass = classNames(css.wrapper, css.hasFullSizeWindow, className);
+	const wrapperClass = classNames(
+		css.wrapper,
+		css.hasFullSizeWindow,
+		className
+	);
 
 	return (
-		<div
-			className={wrapperClass}
-			data-cy="simulated-browser"
-		>
+		<div className={wrapperClass} data-cy="simulated-browser">
 			<div className={`${css.window} browser-chrome-window`}>
 				<header
 					className={`
diff --git a/packages/playground/website/src/components/site-manager/blueprints-panel/index.tsx b/packages/playground/website/src/components/site-manager/blueprints-panel/index.tsx
index e8115e9a6e..d71c463124 100644
--- a/packages/playground/website/src/components/site-manager/blueprints-panel/index.tsx
+++ b/packages/playground/website/src/components/site-manager/blueprints-panel/index.tsx
@@ -142,7 +142,7 @@ export function BlueprintsPanel({
 							style={{ paddingBottom: 10 }}
 						>
 							{mobileUi && (
-								<FlexItem>
+								<FlexItem style={{ marginLeft: -17 }}>
 									<Button
 										variant="link"
 										label="Back to sites list"
diff --git a/packages/playground/website/src/components/site-manager/index.tsx b/packages/playground/website/src/components/site-manager/index.tsx
index 702ec2be9b..776dfe1077 100644
--- a/packages/playground/website/src/components/site-manager/index.tsx
+++ b/packages/playground/website/src/components/site-manager/index.tsx
@@ -68,7 +68,9 @@ export const SiteManager = forwardRef<
 	if (fullScreenSections) {
 		return (
 			<div className={classNames(css.siteManager, className)} ref={ref}>
-				{activeSiteManagerSection === 'sidebar' ? sidebar : activePanel}
+				{activeSiteManagerSection === 'sidebar' || !activePanel
+					? sidebar
+					: activePanel}
 			</div>
 		);
 	}
diff --git a/packages/playground/website/src/components/site-manager/site-info-panel/index.tsx b/packages/playground/website/src/components/site-manager/site-info-panel/index.tsx
index 0dfc07b3a4..be18149510 100644
--- a/packages/playground/website/src/components/site-manager/site-info-panel/index.tsx
+++ b/packages/playground/website/src/components/site-manager/site-info-panel/index.tsx
@@ -105,7 +105,7 @@ export function SiteInfoPanel({
 						style={{ paddingBottom: 10 }}
 					>
 						{mobileUi && (
-							<FlexItem>
+							<FlexItem style={{ marginLeft: -20 }}>
 								<Button
 									variant="link"
 									label="Back to sites list"