Fix: Sync status overlaps for some languages in Patterns post type page (#53243)

t-hamano · tellthemachines · commit caee397de994 · 2023-08-14T16:38:18.000+10:00
diff --git a/packages/editor/src/components/post-sync-status/style.scss b/packages/editor/src/components/post-sync-status/style.scss
@@ -2,15 +2,18 @@
 	width: 100%;
 	position: relative;
 	justify-content: flex-start;
+	align-items: flex-start;
 
 	> span {
 		display: block;
 		width: 45%;
 		flex-shrink: 0;
+		padding: $grid-unit-15 * 0.5 0;
+		word-break: break-word;
 	}
 
 	> div {
 		// Match padding on tertiary buttons for alignment.
-		padding-left: $grid-unit-15;
+		padding: $grid-unit-15 * 0.5 0 $grid-unit-15 * 0.5 $grid-unit-15;
 	}
 }

Original file line number	Diff line number	Diff line change
`@@ -2,15 +2,18 @@`
`2`	`2`	`width: 100%;`
`3`	`3`	`position: relative;`
`4`	`4`	`justify-content: flex-start;`
	`5`	`+ align-items: flex-start;`
`5`	`6`
`6`	`7`	`> span {`
`7`	`8`	`display: block;`
`8`	`9`	`width: 45%;`
`9`	`10`	`flex-shrink: 0;`
	`11`	`+ padding: $grid-unit-15 * 0.5 0;`
	`12`	`+ word-break: break-word;`
`10`	`13`	`}`
`11`	`14`
`12`	`15`	`> div {`
`13`	`16`	`// Match padding on tertiary buttons for alignment.`
`14`		`- padding-left: $grid-unit-15;`
	`17`	`+ padding: $grid-unit-15 * 0.5 0 $grid-unit-15 * 0.5 $grid-unit-15;`
`15`	`18`	`}`
`16`	`19`	`}`