clean up form spacing (#147)

Automattic · Jun 17, 2024 · 8deb010 · 8deb010
1 parent 1496a95
commit 8deb010
Show file tree

Hide file tree

Showing 6 changed files with 63 additions and 65 deletions.
diff --git a/theme/assets/blocks/src/wpcloud-form-input.css b/theme/assets/blocks/src/wpcloud-form-input.css
@@ -24,8 +24,7 @@
 	.wpcloud-block-form-input__label {
 		display: flex;
 		flex-direction: column;
-		gap: 1rem;
-		margin-bottom: 0.5em;
+		gap: 0.25rem 1rem;
 		color: var(--wp--preset--color--foreground-secondary);
 
 		&.is-label-inline {

diff --git a/theme/assets/blocks/src/wpcloud-form.css b/theme/assets/blocks/src/wpcloud-form.css
@@ -29,4 +29,8 @@
 		border-top: 1px solid var(--wp--preset--color--border-primary);
 	}
 
+	.wpcloud-block-form--input:not(.wpcloud-block-form--input--toggle) + .wpcloud-block-form--input:not(.wpcloud-block-form--input--toggle) {
+		margin-top: 1rem;
+	}
+
 }
diff --git a/theme/assets/blocks/src/wpcloud-site-alias-list.css b/theme/assets/blocks/src/wpcloud-site-alias-list.css
@@ -14,7 +14,6 @@
 		.wpcloud-more-menu__nav {
 			width: 186px;
 			padding: 16px 24px 8px 24px;
-			border-radius: 10px;
 			.wpcloud-block-form {
 				gap: 16px;
 			}

diff --git a/theme/templates/archive-wpcloud_site.html b/theme/templates/archive-wpcloud_site.html
@@ -39,7 +39,7 @@ <h2 class="wp-block-heading">PHP</h2>
 <!-- /wp:wpcloud/table-cell -->
 
 <!-- wp:wpcloud/table-cell {"isHeader":true,"metadata":{"name":"WordPress Version"}} -->
-<th class="wp-block-wpcloud-table-cell"><div class="wpcloud-block-table-cell--wrapper"><!-- wp:wpcloud/icon {"size":"16"} -->
+<th class="wp-block-wpcloud-table-cell"><div class="wpcloud-block-table-cell--wrapper"><!-- wp:wpcloud/icon {"iconSize":"16"} -->
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" width="16" height="16" class="wp-block-wpcloud-icon wpcloud-block-icon" aria-hidden="true"><path d="M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z"></path></svg>
 <!-- /wp:wpcloud/icon -->
 
@@ -89,15 +89,15 @@ <h2 class="wp-block-heading">Actions</h2>
 
 <!-- wp:wpcloud/table-cell {"metadata":{"name":"Database"}} -->
 <td class="wp-block-wpcloud-table-cell"><div class="wpcloud-block-table-cell--wrapper"><!-- wp:wpcloud/button {"type":"detail","style":"text","label":"phpMyAdmin","addIcon":true,"name":"phpmyadmin_url","refresh":true,"className":"wp-block-wpcloud-button wpcloud-block-button"} -->
-<div class="wpcloud-block-button__content"><span class="wpcloud-block-button__label">phpMyAdmin</span><!-- wp:wpcloud/icon {"icon":"external","size":"16"} -->
+<div class="wpcloud-block-button__content"><span class="wpcloud-block-button__label">phpMyAdmin</span><!-- wp:wpcloud/icon {"icon":"external","iconSize":"16"} -->
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" class="wp-block-wpcloud-icon wpcloud-block-icon" aria-hidden="true"><path d="M19.5 4.5h-7V6h4.44l-5.97 5.97 1.06 1.06L18 7.06v4.44h1.5v-7Zm-13 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3H17v3a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h3V5.5h-3Z"></path></svg>
 <!-- /wp:wpcloud/icon --></div>
 <!-- /wp:wpcloud/button --></div></td>
 <!-- /wp:wpcloud/table-cell -->
 
 <!-- wp:wpcloud/table-cell {"metadata":{"name":"Actions"}} -->
 <td class="wp-block-wpcloud-table-cell"><div class="wpcloud-block-table-cell--wrapper"><!-- wp:wpcloud/button {"type":"detail","label":"WP Admin","isPrimary":false,"addIcon":true,"name":"wp_admin_url","className":"wp-block-wpcloud-button wpcloud-block-button"} -->
-<div class="wpcloud-block-button__content"><span class="wpcloud-block-button__label">WP Admin</span><!-- wp:wpcloud/icon {"icon":"external","size":"16"} -->
+<div class="wpcloud-block-button__content"><span class="wpcloud-block-button__label">WP Admin</span><!-- wp:wpcloud/icon {"icon":"external","iconSize":"16"} -->
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" class="wp-block-wpcloud-icon wpcloud-block-icon" aria-hidden="true"><path d="M19.5 4.5h-7V6h4.44l-5.97 5.97 1.06 1.06L18 7.06v4.44h1.5v-7Zm-13 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3H17v3a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h3V5.5h-3Z"></path></svg>
 <!-- /wp:wpcloud/icon --></div>
 <!-- /wp:wpcloud/button --></div></td>