Updates Graph preview banner

src/webviews/apps/plus/graph/GraphWrapper.tsx

@@ -357,29 +357,32 @@ export function GraphWrapper({
 						<div className="alert__content">
 							<p className="alert__title">GitLens+ Feature Preview</p>
 							<p className="alert__message">
-								The Commit Graph is freely available for local and public repos, while private repos
-								require a paid plan. While this preview isn't yet fully featured, we are quickly working
-								on the next release, when it will exit preview.
+								The Commit Graph is currently in preview. It will always be freely available for local
+								and public repos, while private repos require a paid plan.
 							</p>
 							<p className="alert__accent">
-								<span className="glicon glicon-clock alert__accent-icon" /> GitLens+ introductory
-								pricing will end with the next release (late Sept, early Oct).
+								<span className="codicon codicon-feedback alert__accent-icon" /> Join the{' '}
+								<a href="https://github.com/gitkraken/vscode-gitlens/discussions/2158">
+									discussion on GitHub
+								</a>
+								! We'd love to hear from you.
 							</p>
 							<p className="alert__accent">
-								<span className="codicon codicon-feedback alert__accent-icon" /> Join the discussions on
-								GitHub! We'd love to hear from you.
+								<span className="glicon glicon-clock alert__accent-icon" /> GitLens+{' '}
+								<a href="command:gitlens.plus.purchase">introductory pricing</a> will end with the next
+								release (late Sept, early Oct).
 							</p>
 						</div>
 						<div className="alert__actions">
 							<a className="alert-action" href="command:gitlens.plus.purchase">
-								Get GitLens+
+								Try GitLens+
 							</a>
-							<a
+							{/* <a
 								className="alert-action"
 								href="https://github.com/gitkraken/vscode-gitlens/discussions/2158"
 							>
 								Give Feedback
-							</a>
+							</a> */}
 						</div>
 						<button className="alert__dismiss" type="button" onClick={() => handleDismissPreview()}>
 							<span className="codicon codicon-chrome-close"></span>

src/webviews/apps/plus/graph/graph.scss

@@ -157,6 +157,7 @@ a {
 	border: 1px solid var(--alert-border-color);
 	background-color: var(--alert-background);
 	color: var(--alert-foreground);
+	font-size: 1.2rem;
 
 	&__icon {
 		&,
@@ -168,24 +169,32 @@ a {
 	&__content {
 		flex: 1;
 		padding-top: 0.1rem;
+
 		> *:not(:first-child) {
 			margin-top: 0.75rem;
 		}
+
 		> * {
 			margin-bottom: 0;
 		}
+
+		& a {
+			color: currentColor;
+			font-weight: 600;
+			text-decoration: underline;
+		}
 	}
+
 	&__title {
 		font-size: 1.3rem;
-		font-weight: 700;
+		font-weight: 600;
 		text-transform: uppercase;
 		margin-top: 0;
 	}
-	&__message {
-		font-size: 1.2rem;
-	}
 
 	&__accent {
+		font-size: 1.1rem;
+
 		&-icon {
 			margin-right: 0.2rem;
 			line-height: 1.4rem;
@@ -201,6 +210,7 @@ a {
 		display: flex;
 		flex-direction: column;
 		gap: 0.75rem;
+		font-size: 1.1rem;
 	}
 
 	&__dismiss {
@@ -218,11 +228,13 @@ a {
 		--alert-border-color: var(--color-alert-warningBorder);
 		--alert-hover-background: var(--color-alert-warningHoverBackground);
 	}
+
 	&--error {
 		--alert-background: var(--color-alert-errorBackground);
 		--alert-border-color: var(--color-alert-errorBorder);
 		--alert-hover-background: var(--color-alert-errorHoverBackground);
 	}
+
 	&--neutral {
 		--alert-background: var(--color-alert-neutralBackground);
 		--alert-border-color: var(--color-alert-neutralBorder);