refactor: Drop the bottom padding and right padding on medium breakpoints to get more vertical screen space

Signed-off-by: Felicitas Pojtinger <felicitas@pojtinger.com>

Author: pojntfx

assets/scss/main.scss

@@ -12,6 +12,21 @@ $font-path: "../../webfonts";
 @import "@fortawesome/fontawesome-free/scss/solid";
 @import "@fortawesome/fontawesome-free/scss/brands";
 
+// Remove the bottom corner & padding from the Patternfly page to get more vertical space
+.pf-v6-c-page {
+  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium) var(--pf-t--global--border--radius--medium) 0 0;
+  --pf-v6-c-page__main-container--AlignSelf: stretch;
+  --pf-v6-c-page__main-container--MaxHeight: 100%;
+  --pf-v6-c-page__main-container--BorderBlockEndWidth: 0;
+}
+
+// On the home page, only remove the right margin when the Mastodon feed sidebar is visible
+.pf-v6-c-drawer__content.pf-v6-c-page__main-container {
+  @media screen and (min-width: $pf-v6-global--breakpoint--xl) {
+    --pf-v6-c-page__main-container--MarginInlineEnd: 0;
+  }
+}
+
 // By default this is a `<div>`, but we want to use the native `<dialog>` component instead
 dialog.pf-v6-c-modal-box:not([open]) {
   display: none;

layouts/baseof.html

@@ -77,7 +77,7 @@
         <div class="pf-v6-c-page__drawer">
           <div class="pf-v6-c-drawer pf-m-static pf-m-expanded" id="feed-drawer">
             <div class="pf-v6-c-drawer__main">
-              <div class="pf-v6-c-drawer__content pf-v6-c-page__main-container" style="margin-inline-end: 0;">
+              <div class="pf-v6-c-drawer__content pf-v6-c-page__main-container">
                 <div class="pf-v6-c-drawer__body">
                   <main class="pf-v6-c-page__main" id="main-content">
                     {{ block "main" . }}{{ end }}