revert ui alignment

Author: dkhalife

src/views/Tasks/TaskEdit.tsx

@@ -630,44 +630,44 @@ export class TaskEdit extends React.Component<TaskEditProps, TaskEditState> {
             right: 0,
             padding: 2,
             display: 'flex',
-            justifyContent: 'flex-start',
+            justifyContent: 'flex-end',
             gap: 2,
             'z-index': 1000,
             bgcolor: 'background.body',
             boxShadow: 'md',
           }}
         >
           <Button
-            color='primary'
-            variant='solid'
-            onClick={this.HandleSaveTask}
+            color='neutral'
+            variant='outlined'
+            onClick={this.onCancelClicked}
           >
-            {taskId != null ? 'Save' : 'Create'}
+            Cancel
           </Button>
-          {taskId != null && frequency.type !== 'once' && (
+          {taskId != null && (
             <Button
-              color='warning'
+              color='danger'
               variant='solid'
-              onClick={this.onSkipClicked}
+              onClick={this.handleDelete}
             >
-              Skip
+              Delete
             </Button>
           )}
-          {taskId != null && (
+          {taskId != null && frequency.type !== 'once' && (
             <Button
-              color='danger'
+              color='warning'
               variant='solid'
-              onClick={this.handleDelete}
+              onClick={this.onSkipClicked}
             >
-              Delete
+              Skip
             </Button>
           )}
           <Button
-            color='neutral'
-            variant='outlined'
-            onClick={this.onCancelClicked}
+            color='primary'
+            variant='solid'
+            onClick={this.HandleSaveTask}
           >
-            Cancel
+            {taskId != null ? 'Save' : 'Create'}
           </Button>
         </Sheet>
         <ConfirmationModal