Merge pull request #5644 from google/fix/5623-manual-button

Convert "Manual" button to a heading and paragraph.
google · Aug 3, 2022 · 2572544 · 2572544
2 parents ea3a6cf + 22f8592
commit 2572544
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/assets/js/modules/thank-with-google/components/common/PositionRadio.js b/assets/js/modules/thank-with-google/components/common/PositionRadio.js
@@ -70,15 +70,7 @@ export default function PositionRadio() {
 				</p>
 			</div>
 			<div className="googlesitekit-twg-position-radio__option">
-				<Radio
-					id="button-placement-manual"
-					name="button-placement"
-					value=""
-					readonly
-					disabled
-				>
-					{ __( 'Manual', 'google-site-kit' ) }
-				</Radio>
+				<h5>{ __( 'Manual', 'google-site-kit' ) }</h5>
 				<p>
 					{ __(
 						'Choose where you want to display Thank with Google on the page',

diff --git a/assets/sass/components/thank-with-google/_googlesitekit-twg-position-radio.scss b/assets/sass/components/thank-with-google/_googlesitekit-twg-position-radio.scss
@@ -46,6 +46,15 @@
 			}
 		}
 
+		h5 {
+			font-family: $f-primary;
+			font-size: 0.875rem;
+			font-weight: 400;
+			letter-spacing: $ls-m;
+			margin: 26px 0 10px 34px;
+			padding: 0 0 1px;
+		}
+
 		p {
 			color: $c-surfaces-on-surface-variant;
 			font-size: 0.75rem;