Latest Comments: Fix uneven padding issue causing mis-alignment (#77379)

* fix : reset padding with lowest specificity to avoid mis alignment

* fix : improve padding reset by using padding-left

* fix : removed styles which is no longer needed now

Co-authored-by: dpmehta <mehtadev@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>
Co-authored-by: himanshupathak95 <abcd95@git.wordpress.org>
Co-authored-by: rinkalpagdar <rinkalpagdar@git.wordpress.org>
Co-authored-by: viralsampat-multidots <mdviralsampat@git.wordpress.org>

Author: 6 people

packages/block-library/src/latest-comments/style.scss

@@ -1,3 +1,10 @@
+// Reset the browser's default `padding-inline-start: 40px` on `<ol>`.
+// Using `:where` keeps specificity at 0 so global styles, theme.json,
+// and inspector controls can override it without difficulty.
+:where(.wp-block-latest-comments) {
+	padding-left: 0;
+}
+
 // Lower specificity - target list element.
 ol.wp-block-latest-comments {
 	// Removes left spacing in Customizer Widgets screen.
@@ -26,13 +33,6 @@ ol.wp-block-latest-comments {
 	}
 }
 
-// Higher specificity - target list via wrapper.
-.wp-block-latest-comments .wp-block-latest-comments {
-	// Remove left spacing. Higher specificity required to
-	// override default wp-block layout styles in the Post/Site editor.
-	padding-left: 0;
-}
-
 .wp-block-latest-comments__comment {
 	list-style: none;
 	margin-bottom: 1em;