refactor(sftp-card): tsx, styled to scss, removed unused classNames, …

…fixed checkbox padding, fixed cleaning up of the password (#95474) * refactor(sftp-card): tsx, styled to scss, removed unused classNames, fixed checkbox padding, fixed cleaning up of the password * chore: align spaces * chore: remove connect * Small tweaks * Fix tests * Type fix --------- Co-authored-by: Fredrik Rombach Ekelund <[email protected]>
Automattic · Oct 22, 2024 · 791ec29 · 791ec29
1 parent dee6c50
commit 791ec29
Show file tree

Hide file tree

Showing 8 changed files with 254 additions and 259 deletions.
diff --git a/client/hosting/server-settings/components/cache-card/index.tsx b/client/hosting/server-settings/components/cache-card/index.tsx
@@ -145,7 +145,7 @@ export default function CacheCard( { disabled }: CacheCardProps ) {
 							: ''
 					}
 				>
-					<div className="cache-card__button-wrapper cache-card__button-wrapper__clear-all">
+					<div className="cache-card__button-wrapper">
 						<Button
 							busy={ isClearingAllCaches }
 							disabled={
@@ -216,7 +216,7 @@ export default function CacheCard( { disabled }: CacheCardProps ) {
 											: ''
 									}
 								>
-									<div className="cache-card__button-wrapper cache-card__button-wrapper__clear-all">
+									<div className="cache-card__button-wrapper">
 										<Button
 											busy={ isClearingEdgeCache && ! isClearingAllCaches }
 											disabled={

diff --git a/client/hosting/server-settings/components/cache-card/style.scss b/client/hosting/server-settings/components/cache-card/style.scss
@@ -1,12 +1,14 @@
+.cache-card {
+	.hosting-card__description {
+		margin: 0;
+	}
+}
+
 .cache-card__button-wrapper {
 	display: inline-block;
 	margin-top: 16px;
 }
 
-.cache-card__button-wrapper__clear-all {
-	margin-top: 3px;
-}
-
 .cache-card__nb {
 	color: #646970;
 	font-style: italic;
@@ -35,12 +37,6 @@
 	margin-top: 24px;
 }
 
-.cache-card__global-object-cache-block {
-	.hosting-card__description {
-		margin: 0;
-	}
-}
-
 .cache-card__jetpack-description {
 	align-items: center;
 	display: flex;