From ffc5454ae1ed2ad2173b084c497568f654abf57c Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@richelsen.net>
Date: Tue, 11 Jan 2022 17:18:46 +0000
Subject: [PATCH] fixed dialog buttons on mobile

---
 components/ImageUploader.tsx | 4 ++--
 pages/event-types/[type].tsx | 2 +-
 pages/settings/profile.tsx   | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/ImageUploader.tsx b/components/ImageUploader.tsx
index 111d0f2a68..62e9764afd 100644
--- a/components/ImageUploader.tsx
+++ b/components/ImageUploader.tsx
@@ -127,7 +127,7 @@ export default function ImageUploader({
         <div className="mb-4">
           <div className="flex flex-col items-center justify-center p-8 mt-6 cropper">
             {!result && (
-              <div className="flex items-center justify-start w-20 h-20 bg-gray-50 rounded-full max-h-20">
+              <div className="flex items-center justify-start w-20 h-20 rounded-full bg-gray-50 max-h-20">
                 {!imageSrc && (
                   <p className="w-full text-sm text-center text-white sm:text-xs">
                     {t("no_target", { target })}
@@ -150,7 +150,7 @@ export default function ImageUploader({
             </label>
           </div>
         </div>
-        <div className="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse gap-x-2">
+        <div className="flex flex-row-reverse mt-5 gap-x-2">
           <DialogClose asChild>
             <Button onClick={() => showCroppedImage(croppedAreaPixels)}>{t("save")}</Button>
           </DialogClose>
diff --git a/pages/event-types/[type].tsx b/pages/event-types/[type].tsx
index 34d1719ca2..57e11a60c7 100644
--- a/pages/event-types/[type].tsx
+++ b/pages/event-types/[type].tsx
@@ -1224,7 +1224,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
                   )}
                 />
                 <LocationOptions />
-                <div className="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse ">
+                <div className="flex flex-row-reverse mt-5">
                   <Button type="submit">{t("update")}</Button>
                   <Button
                     onClick={() => setShowLocationModal(false)}
diff --git a/pages/settings/profile.tsx b/pages/settings/profile.tsx
index 54e0f3c4f7..aa6f359620 100644
--- a/pages/settings/profile.tsx
+++ b/pages/settings/profile.tsx
@@ -79,7 +79,7 @@ function HideBrandingInput(props: { hideBrandingRef: RefObject<HTMLInputElement>
               .
             </p>
           </div>
-          <div className="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse gap-x-2">
+          <div className="flex flex-row-reverse mt-5 gap-x-2">
             <DialogClose asChild>
               <Button className="table-cell text-center btn-wide" onClick={() => setModalOpen(false)}>
                 {t("dismiss")}