From d49aa84596089a63bb3a376631b15f0fa5f4af79 Mon Sep 17 00:00:00 2001 From: Martin Randa Date: Sat, 28 Mar 2026 14:06:22 +0000 Subject: [PATCH 1/2] Fix profile image's top padding in compact view (#14211) When opening a website's "About" page in compact view (with a narrow browser window), the `profile.jpg` image has no top padding in the `trestles`, `marquee` and `broadside` templates. --- src/resources/projects/website/about/about.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/resources/projects/website/about/about.scss b/src/resources/projects/website/about/about.scss index 388481bb7b9..2d04f62c715 100644 --- a/src/resources/projects/website/about/about.scss +++ b/src/resources/projects/website/about/about.scss @@ -172,7 +172,7 @@ div.quarto-about-trestles { @include media-breakpoint-down(lg) { flex-direction: column; - padding-top: 0em !important; + padding-top: 3em !important; } .about-entity { @@ -224,6 +224,7 @@ div.quarto-about-trestles { // Marquee div.quarto-about-marquee { padding-bottom: 1em; + padding-top: 14px !important; .about-contents { display: flex; @@ -260,6 +261,7 @@ div.quarto-about-broadside { display: flex; flex-direction: column; padding-bottom: 1em; + padding-top: 14px !important; .about-main { display: flex !important; From 7914fb6a8efa3718f4adab4b294c9c2d894912cb Mon Sep 17 00:00:00 2001 From: Martin Randa Date: Sat, 28 Mar 2026 14:49:56 +0000 Subject: [PATCH 2/2] Fix use shorthand property instead of specific value (#14211) --- src/resources/projects/website/about/about.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/resources/projects/website/about/about.scss b/src/resources/projects/website/about/about.scss index 2d04f62c715..261745b31ea 100644 --- a/src/resources/projects/website/about/about.scss +++ b/src/resources/projects/website/about/about.scss @@ -224,7 +224,7 @@ div.quarto-about-trestles { // Marquee div.quarto-about-marquee { padding-bottom: 1em; - padding-top: 14px !important; + padding-top: $content-padding-top !important; .about-contents { display: flex; @@ -261,7 +261,7 @@ div.quarto-about-broadside { display: flex; flex-direction: column; padding-bottom: 1em; - padding-top: 14px !important; + padding-top: $content-padding-top !important; .about-main { display: flex !important;