[#3434] Remove left padding on overlay close button

JoaoJoaoVF · JoaoJoaoVF · commit 146fd29fc415 · 2025-04-06T18:05:05.000-03:00
Adjusted the CSS to remove the extra left padding on the close button.
This ensures that the active box is centered around the 'X' when clicked.

- Removed left padding value from the padding property
- Verified alignment in both desktop and responsive view
diff --git a/client/styles/components/_overlay.scss b/client/styles/components/_overlay.scss
@@ -61,7 +61,7 @@
 
 .overlay__close-button {
   @include icon();
-  padding: #{math.div(3, $base-font-size)}rem 0 #{math.div(3, $base-font-size)}rem #{math.div(10, $base-font-size)}rem;
+  padding: #{math.div(3, $base-font-size)}rem 0 #{math.div(3, $base-font-size)}rem;
 }
 
 /* Fixed height overlay */

Original file line number	Diff line number	Diff line change
`@@ -61,7 +61,7 @@`
`61`	`61`
`62`	`62`	`.overlay__close-button {`
`63`	`63`	`@include icon();`
`64`		`- padding: #{math.div(3, $base-font-size)}rem 0 #{math.div(3, $base-font-size)}rem #{math.div(10, $base-font-size)}rem;`
	`64`	`+ padding: #{math.div(3, $base-font-size)}rem 0 #{math.div(3, $base-font-size)}rem;`
`65`	`65`	`}`
`66`	`66`
`67`	`67`	`/* Fixed height overlay */`