From ebdd4bee89814d9cad14b066c6e1093be4926457 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 26 Jan 2024 19:00:27 +0530
Subject: [PATCH] chore: layout changes

---
 .../components/Modals/EmailTemplateModal.vue  | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/frontend/src/components/Modals/EmailTemplateModal.vue b/frontend/src/components/Modals/EmailTemplateModal.vue
index 7d4d2f27..c8b009ce 100644
--- a/frontend/src/components/Modals/EmailTemplateModal.vue
+++ b/frontend/src/components/Modals/EmailTemplateModal.vue
@@ -15,26 +15,28 @@
   >
     <template #body-content>
       <div class="flex flex-col gap-4">
-        <div>
-          <div class="mb-1.5 text-sm text-gray-600">
-            Name
-            <span class="text-red-500">*</span>
+        <div class="flex gap-4">
+          <div class="flex-1">
+            <div class="mb-1.5 text-sm text-gray-600">
+              Name
+              <span class="text-red-500">*</span>
+            </div>
+            <TextInput
+              ref="nameRef"
+              variant="outline"
+              v-model="_emailTemplate.name"
+              placeholder="Add name"
+            />
+          </div>
+          <div class="flex-1">
+            <div class="mb-1.5 text-sm text-gray-600">Doctype</div>
+            <Select
+              variant="outline"
+              v-model="_emailTemplate.reference_doctype"
+              :options="['CRM Deal', 'CRM Lead']"
+              placeholder="Select Doctype"
+            />
           </div>
-          <TextInput
-            ref="nameRef"
-            variant="outline"
-            v-model="_emailTemplate.name"
-            placeholder="Add name"
-          />
-        </div>
-        <div>
-          <div class="mb-1.5 text-sm text-gray-600">Doctype</div>
-          <Select
-            variant="outline"
-            v-model="_emailTemplate.reference_doctype"
-            :options="['CRM Deal', 'CRM Lead']"
-            placeholder="Select Doctype"
-          />
         </div>
         <div>
           <div class="mb-1.5 text-sm text-gray-600">
@@ -182,11 +184,11 @@ watch(
     editMode.value = false
     errorMessage.value = ''
     nextTick(() => {
-        if (_emailTemplate.value.name) {
-            subjectRef.value.el.focus()
-        } else {
-            nameRef.value.el.focus()
-        }
+      if (_emailTemplate.value.name) {
+        subjectRef.value.el.focus()
+      } else {
+        nameRef.value.el.focus()
+      }
       _emailTemplate.value = { ...props.emailTemplate }
       if (_emailTemplate.value.name) {
         editMode.value = true