Website: CSS Tweaks

Author: adamziel

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={`

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"

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

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"