styling tweaks

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 />

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) => (

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}