From 19d174413863de8cbc12cd53dc16ddd4807a3f24 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Mon, 7 Feb 2022 16:26:08 +0000
Subject: [PATCH] smaller layout improvements to event-types edit  (#1724)

* made event-type full width clickable

* fixed event locaiton dialog buttons on mobile

* some smaller changes on event-types
---
 pages/event-types/[type].tsx         | 18 ++++++++----------
 public/static/locales/en/common.json |  3 ++-
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/pages/event-types/[type].tsx b/pages/event-types/[type].tsx
index 6a9e9db6..5b819ef3 100644
--- a/pages/event-types/[type].tsx
+++ b/pages/event-types/[type].tsx
@@ -794,7 +794,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
                         {t("show_advanced_settings")}
                       </span>
                     </CollapsibleTrigger>
-                    <CollapsibleContent className="space-y-6">
+                    <CollapsibleContent className="mt-4 space-y-6">
                       {/**
                        * Only display calendar selector if user has connected calendars AND if it's not
                        * a team event. Since we don't have logic to handle each attende calendar (for now).
@@ -803,8 +803,10 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
                       {!!connectedCalendarsQuery.data?.connectedCalendars.length && !team && (
                         <div className="items-center block sm:flex">
                           <div className="mb-4 min-w-48 sm:mb-0">
-                            <label htmlFor="eventName" className="flex text-sm font-medium text-neutral-700">
-                              Create events on:
+                            <label
+                              htmlFor="createEventsOn"
+                              className="flex text-sm font-medium text-neutral-700">
+                              {t("create_events_on")}
                             </label>
                           </div>
                           <div className="w-full">
@@ -1381,15 +1383,11 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
                   )}
                 />
                 <LocationOptions />
-                <div className="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse ">
-                  <Button type="submit">{t("update")}</Button>
-                  <Button
-                    onClick={() => setShowLocationModal(false)}
-                    type="button"
-                    color="secondary"
-                    className="ltr:mr-2">
+                <div className="flex justify-end mt-4 space-x-2">
+                  <Button onClick={() => setShowLocationModal(false)} type="button" color="secondary">
                     {t("cancel")}
                   </Button>
+                  <Button type="submit">{t("update")}</Button>
                 </div>
               </Form>
             </div>
diff --git a/public/static/locales/en/common.json b/public/static/locales/en/common.json
index 7250101f..4b82d330 100644
--- a/public/static/locales/en/common.json
+++ b/public/static/locales/en/common.json
@@ -621,5 +621,6 @@
   "remove": "Remove",
   "add": "Add",
   "verify_wallet": "Verify Wallet",
-  "connect_metamask": "Connect Metamask"
+  "connect_metamask": "Connect Metamask",
+  "create_events_on": "Create events on:"
 }