From 981fb9c5bee130733b11a2162b3f2926714ecc57 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Sun, 27 Feb 2022 21:03:56 +0000
Subject: [PATCH] fixed dialog button on mobile (#1995)

Co-authored-by: Peer Richelsen <peeroke@richelsen.net>
---
 apps/web/components/dialog/ConfirmationDialogContent.tsx     | 2 +-
 apps/web/components/pages/eventtypes/CustomInputTypeForm.tsx | 4 ++--
 apps/web/components/team/TeamCreateModal.tsx                 | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/components/dialog/ConfirmationDialogContent.tsx b/apps/web/components/dialog/ConfirmationDialogContent.tsx
index e97331ec..cd8087b5 100644
--- a/apps/web/components/dialog/ConfirmationDialogContent.tsx
+++ b/apps/web/components/dialog/ConfirmationDialogContent.tsx
@@ -60,7 +60,7 @@ export default function ConfirmationDialogContent(props: PropsWithChildren<Confi
           </DialogPrimitive.Description>
         </div>
       </div>
-      <div className="mt-5 gap-x-2 sm:mt-8 sm:flex sm:flex-row-reverse">
+      <div className="mt-5 flex flex-row-reverse gap-x-2 sm:mt-8">
         <DialogClose onClick={onConfirm} asChild>
           {confirmBtn || <Button color="primary">{confirmBtnText}</Button>}
         </DialogClose>
diff --git a/apps/web/components/pages/eventtypes/CustomInputTypeForm.tsx b/apps/web/components/pages/eventtypes/CustomInputTypeForm.tsx
index b366d054..d71917e6 100644
--- a/apps/web/components/pages/eventtypes/CustomInputTypeForm.tsx
+++ b/apps/web/components/pages/eventtypes/CustomInputTypeForm.tsx
@@ -120,11 +120,11 @@ const CustomInputTypeForm: FC<Props> = (props) => {
         value={selectedCustomInput?.id || -1}
         {...register("id", { valueAsNumber: true })}
       />
-      <div className="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse">
-        <Button type="submit">{t("save")}</Button>
+      <div className="mt-5 flex space-x-2 sm:mt-4">
         <Button onClick={onCancel} type="button" color="secondary" className="ltr:mr-2">
           {t("cancel")}
         </Button>
+        <Button type="submit">{t("save")}</Button>
       </div>
     </form>
   );
diff --git a/apps/web/components/team/TeamCreateModal.tsx b/apps/web/components/team/TeamCreateModal.tsx
index 03bf8873..1fadb069 100644
--- a/apps/web/components/team/TeamCreateModal.tsx
+++ b/apps/web/components/team/TeamCreateModal.tsx
@@ -76,7 +76,7 @@ export default function TeamCreate(props: Props) {
               />
             </div>
             {errorMessage && <Alert severity="error" title={errorMessage} />}
-            <div className="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse">
+            <div className="mt-5 flex flex-row-reverse sm:mt-4">
               <button type="submit" className="btn btn-primary">
                 {t("create_team")}
               </button>