UX: Fix padding/spacing issues at smaller widths (#34180)

jordanvidrine · pento · commit f5a54d192cdd · 2025-08-11T11:28:07.000+10:00
diff --git a/themes/horizon/scss/main.scss b/themes/horizon/scss/main.scss
@@ -87,12 +87,10 @@ body:not(.has-full-page-chat, .wizard) {
       }
 
       > *:not(.experimental-screen, .activate-account) {
-        @include viewport.from(lg) {
-          box-sizing: border-box;
-          max-width: 1000px;
-          margin-inline: auto;
-          padding-inline: var(--spacing-inline-l);
-        }
+        box-sizing: border-box;
+        max-width: 1000px;
+        margin-inline: auto;
+        padding-inline: var(--spacing-inline-l);
       }
     }
   }
diff --git a/themes/horizon/scss/topic-cards.scss b/themes/horizon/scss/topic-cards.scss
@@ -61,7 +61,6 @@
 
   @include viewport.until(lg) {
     gap: 0.5em;
-    padding: 0 0.5em;
   }
 
   @include viewport.until(sm) {

Original file line number	Diff line number	Diff line change
`@@ -87,12 +87,10 @@ body:not(.has-full-page-chat, .wizard) {`
`87`	`87`	`}`
`88`	`88`
`89`	`89`	`> *:not(.experimental-screen, .activate-account) {`
`90`		`- @include viewport.from(lg) {`
`91`		`- box-sizing: border-box;`
`92`		`- max-width: 1000px;`
`93`		`- margin-inline: auto;`
`94`		`- padding-inline: var(--spacing-inline-l);`
`95`		`- }`
	`90`	`+ box-sizing: border-box;`
	`91`	`+ max-width: 1000px;`
	`92`	`+ margin-inline: auto;`
	`93`	`+ padding-inline: var(--spacing-inline-l);`
`96`	`94`	`}`
`97`	`95`	`}`
`98`	`96`	`}`