From 86525444715f3bd0ab3a23e36ef40363e219ed39 Mon Sep 17 00:00:00 2001
From: noahspannbauer <noahspannbauer@icloud.com>
Date: Sat, 21 Mar 2026 20:57:22 -0500
Subject: [PATCH] 115 add load more button to logbook mobile view (#118)

* fixing logbook page responsiveness

* fixing logbook page responsiveness

* fixing logbook page responsiveness

* fixing logbook page responsiveness
---
 client/src/components/logbook/Logbook.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/logbook/Logbook.tsx b/client/src/components/logbook/Logbook.tsx
index ed18830..7216fd3 100644
--- a/client/src/components/logbook/Logbook.tsx
+++ b/client/src/components/logbook/Logbook.tsx
@@ -530,10 +530,10 @@ const Logbook: React.FC<unknown> = () => {
   return (
     <>
       <div className={`${screenSize === ScreenSize.SM ? 'mr-4 ml-4' : 'mr-10 ml-10'} grid grid-cols-12`}>
-        <div className='prose max-w-none col-span-10 mt-5 mb-5'>
+        <div className='prose max-w-none col-span-6 mt-5 mb-5'>
           <h1>Logbook</h1>
         </div>
-        <div className='col-span-2 justify-self-end self-center'>
+        <div className='col-span-6 justify-self-end self-center'>
           {userRole === UserRole.WRITE &&
             <button className='btn btn-primary'
               onClick={() => onOpenCloseDrawer(FormMode.ADD)}