Merge branch 'enhance/ai-onboarding' of https://github.com/newfold-la…

…bs/wp-module-onboarding into enhance/child-theme-generation
newfold-labs · Dec 13, 2023 · 4ee24e2 · 4ee24e2
2 parents b8ea393 + dca0ef4
commit 4ee24e2
Show file tree

Hide file tree

Showing 13 changed files with 583 additions and 149 deletions.
diff --git a/src/OnboardingSPA/components/LivePreview/SiteGenCard/index.js b/src/OnboardingSPA/components/LivePreview/SiteGenCard/index.js
@@ -90,13 +90,15 @@ const LivePreviewSiteGenCard = ( {
 						{ title }
 					</div>
 				</div>
-				<div className={ `${ className }__buttons__regenerate` }>
+				<div
+					className={ `${ className }__buttons__regenerate` }
+					role="button"
+					tabIndex={ 0 }
+					onClick={ () => handleRegenerate() }
+					onKeyDown={ () => handleRegenerate() }
+				>
 					<div
 						className={ `${ className }__buttons__regenerate__icon` }
-						role="button"
-						tabIndex={ 0 }
-						onClick={ () => handleRegenerate() }
-						onKeyDown={ () => handleRegenerate() }
 					></div>
 					<div
 						className={ `${ className }__buttons__regenerate__text` }

diff --git a/src/OnboardingSPA/components/LivePreview/SiteGenCard/stylesheet.scss b/src/OnboardingSPA/components/LivePreview/SiteGenCard/stylesheet.scss
@@ -5,14 +5,16 @@
 		flex-direction: column;
 		align-items: center;
 		justify-content: center;
-		width: 100%;
+		width: 80%;
+		justify-self: center;
+		align-self: center;
 
 		&__live-preview-container {
 			position: relative;
 			width: 90%;
 			overflow: hidden;
 			align-items: center;
-			border-radius: 8px;
+			border-radius: 12px;
 
 			&:hover {
 				cursor: pointer;