From 1ba79ccff3f50e5a29dbda470c7d97b9f240e1ad Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Mon, 6 Apr 2026 03:11:31 -0400
Subject: [PATCH] adjusting stuff to make the pages fit right on mobile

---
 app/lish/[did]/[publication]/PublicationHomeLayout.tsx        | 4 ++--
 .../[publication]/theme-settings/ThemeSettingsContent.tsx     | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/lish/[did]/[publication]/PublicationHomeLayout.tsx b/app/lish/[did]/[publication]/PublicationHomeLayout.tsx
index 1e4328bc..0f1d9136 100644
--- a/app/lish/[did]/[publication]/PublicationHomeLayout.tsx
+++ b/app/lish/[did]/[publication]/PublicationHomeLayout.tsx
@@ -11,11 +11,11 @@ export function PublicationHomeLayout(props: {
   return (
     <div
       ref={props.showPageBackground ? null : ref}
-      className={`pubWrapper flex flex-col sm:py-6 min-h-full ${props.showPageBackground ? "max-w-(--page-width-units) mx-auto sm:px-0 px-[6px] py-2" : "w-full overflow-y-scroll"}`}
+      className={`pubWrapper flex flex-col sm:py-6 h-full ${props.showPageBackground ? "max-w-(--page-width-units) mx-auto px-0  py-2" : "w-full overflow-y-scroll"}`}
     >
       <div
         ref={!props.showPageBackground ? null : ref}
-        className={`pub max-w-(--page-width-units) w-[1000px] mx-auto px-3 sm:px-4 py-5  ${props.showPageBackground ? "overflow-auto h-full bg-[rgba(var(--bg-page),var(--bg-page-alpha))] border border-border rounded-lg" : "h-fit"}`}
+        className={`pubContent sm:max-w-(--page-width-units) max-w-full w-[1000px] mx-auto px-3 sm:px-4 py-5  ${props.showPageBackground ? "overflow-auto h-full bg-[rgba(var(--bg-page),var(--bg-page-alpha))] border border-border rounded-lg" : "h-fit"}`}
       >
         {props.children}
       </div>
diff --git a/app/lish/[did]/[publication]/theme-settings/ThemeSettingsContent.tsx b/app/lish/[did]/[publication]/theme-settings/ThemeSettingsContent.tsx
index 7a171946..894f93cb 100644
--- a/app/lish/[did]/[publication]/theme-settings/ThemeSettingsContent.tsx
+++ b/app/lish/[did]/[publication]/theme-settings/ThemeSettingsContent.tsx
@@ -54,11 +54,11 @@ export function ThemeSettingsContent() {
       >
         <div className="w-full h-screen flex relative overflow-hidden">
           {/* Theme Setter Panel */}
-          <div className="absolute top-6 left-6 z-20">
+          <div className="absolute sm:top-6 sm:left-6 top-4 right-4 z-20">
             <Popover
               align="start"
               side="bottom"
-              className="sm:w-sm w-full rounded-lg! max-h-full  overflow-y-auto !p-0 bg-white! "
+              className="sm:w-sm w-[1000px] rounded-lg! overflow-y-auto !p-0 bg-white! "
               trigger={
                 <button
                   type="button"
-- 
2.51.2