From 452b25b45ac754df261d55c1673e882ffc2310b9 Mon Sep 17 00:00:00 2001
From: Enoch Riese <enoch.riese@gmail.com>
Date: Fri, 23 Jun 2023 20:52:53 -0500
Subject: [PATCH] styling tweaks

---
 .../shared/components/workbench/menus/shared/menu-wrapper.mjs | 4 ++--
 sites/shared/components/workbench/views/cut/index.mjs         | 2 +-
 sites/shared/components/workbench/views/pattern-with-menu.mjs | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/sites/shared/components/workbench/menus/shared/menu-wrapper.mjs b/sites/shared/components/workbench/menus/shared/menu-wrapper.mjs
index 47057e18825..cd4a8c06298 100644
--- a/sites/shared/components/workbench/menus/shared/menu-wrapper.mjs
+++ b/sites/shared/components/workbench/menus/shared/menu-wrapper.mjs
@@ -17,9 +17,9 @@ export const MenuWrapper = ({ children }) => {
 
       return (
         <ModalWrapper slideFrom="right" keepOpenOnClick keepOpenOnSwipe>
-          {children}
+          <div className="mb-16">{children}</div>
           <button
-            className="btn btn-primary btn-circle sticky bottom-2 float-right"
+            className="btn btn-primary btn-circle fixed bottom-4 right-4"
             onClick={closeModal}
           >
             <CloseIcon />
diff --git a/sites/shared/components/workbench/views/cut/index.mjs b/sites/shared/components/workbench/views/cut/index.mjs
index 3163dd93d1a..d455ad32c1f 100644
--- a/sites/shared/components/workbench/views/cut/index.mjs
+++ b/sites/shared/components/workbench/views/cut/index.mjs
@@ -82,7 +82,7 @@ export const CutView = ({
           </div>
         ),
         pattern: (
-          <div className="my-4">
+          <div className="my-4 grow">
             {materialList.length > 1 ? (
               <div className="tabs">
                 {materialList.map((title) => (
diff --git a/sites/shared/components/workbench/views/pattern-with-menu.mjs b/sites/shared/components/workbench/views/pattern-with-menu.mjs
index 141ab179689..17ab45e6803 100644
--- a/sites/shared/components/workbench/views/pattern-with-menu.mjs
+++ b/sites/shared/components/workbench/views/pattern-with-menu.mjs
@@ -25,7 +25,7 @@ export const PatternWithMenu = ({
           setSettings,
         }}
       />
-      <div className="flex flex-col lg:flex-row grow max-h-[90vh] lg:my-4">
+      <div className="flex flex-col lg:flex-row grow lg:max-h-[90vh] max-h-[calc(100vh-3rem)] h-full py-4 lg:mt-6">
         <div className="lg:w-2/3 flex flex-col h-full grow px-4">
           {title}
           {pattern}