Feat/mac (#109)

* chore: upgrade dependencies
* feat/mac: draft pipeline
* feat/mac: use public folder for transient files
* feat/mac: set app fullscreen
* feat/mac: cmd + , toggles menu
* feat/mac: update readme
* refact: easier login process
* refact prevent style issues with safari
* refact reduce css download
* style: cleanup paginator design
* style: studio clock is responsive
* style: fix spacing style issues with safari

client/src/features/editors/DelayBlock/DelayBlock.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { HStack } from '@chakra-ui/react';
 import { Draggable } from 'react-beautiful-dnd';
 import { FiMoreVertical } from '@react-icons/all-files/fi/FiMoreVertical';
 import { millisToMinutes } from 'common/utils/dateConfig';
@@ -16,7 +17,7 @@ export default function DelayBlock(props) {
     eventsHandler('applyDelay', { id: data.id, duration: data.duration });
   };
 
-  let delayValue = data.duration != null ? millisToMinutes(data.duration) : undefined;
+  const delayValue = data.duration != null ? millisToMinutes(data.duration) : undefined;
   return (
     <Draggable key={data.id} draggableId={data.id} index={index}>
       {(provided) => (
@@ -25,11 +26,11 @@ export default function DelayBlock(props) {
             <FiMoreVertical />
           </span>
           <DelayInput className={style.input} value={delayValue} actionHandler={actionHandler} />
-          <div className={style.actionOverlay}>
+          <HStack spacing='0.5em' className={style.actionOverlay}>
             <ApplyIconBtn clickhandler={applyDelayHandler} />
             <DeleteIconBtn actionHandler={actionHandler} />
             <ActionButtons showAdd actionHandler={actionHandler} />
-          </div>
+          </HStack>
         </div>
       )}
     </Draggable>

client/src/features/editors/DelayBlock/DelayBlock.module.scss

@@ -52,7 +52,6 @@
   align-content: center;
   align-self: flex-start;
   padding-top: 0.2em;
-  gap: 0.5em;
   opacity: 0.8;
   transition: linear 0.1s;
 }