From 5dd6b7acdc987052bfd3069966188f9123144011 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joel=20Elias=20M=C3=A9ndez?=
 <67445275+joelmendez1@users.noreply.github.com>
Date: Thu, 16 Dec 2021 18:03:14 -0300
Subject: [PATCH] [DEV-133] align close button (#1111)

* align close button

* align create ticket buttons

* remove padding excess

* fix align buttons issues

* remove padding excess
---
 .../panel/tickets/admin-panel-my-tickets.scss    |  2 ++
 .../create-ticket-form.js                        | 12 ++++++++----
 .../create-ticket-form.scss                      | 16 ++++++++++++----
 3 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/client/src/app/admin/panel/tickets/admin-panel-my-tickets.scss b/client/src/app/admin/panel/tickets/admin-panel-my-tickets.scss
index fc123f92..098ddf6f 100644
--- a/client/src/app/admin/panel/tickets/admin-panel-my-tickets.scss
+++ b/client/src/app/admin/panel/tickets/admin-panel-my-tickets.scss
@@ -5,6 +5,8 @@
         justify-content: flex-start;
         align-items: center;
         width: 100%;
+        position: relative;
+        bottom: 35px;
     }
 
 }
diff --git a/client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.js b/client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.js
index 643879ec..0cc35fac 100644
--- a/client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.js
+++ b/client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.js
@@ -77,10 +77,14 @@ class CreateTicketForm extends React.Component {
                         fieldProps={{allowImages: allowAttachments}}
                         required
                         field="textarea" />
-                    <div className={`create-ticket-form__buttons-container${allowAttachments ? "" : "-without-allow-attachments"}`}>
-                        {allowAttachments ? this.renderFileUpload() : null}
-                        {(!userLogged) ? this.renderCaptcha() : null}
-                        <SubmitButton type="secondary">{i18n('CREATE_TICKET')}</SubmitButton>
+                    <div className="create-ticket-form__container">
+                        <div className={`create-ticket-form__buttons-container${allowAttachments ? "" : "-without-allow-attachments"}`}>
+                            {allowAttachments ? this.renderFileUpload() : null}
+                            <SubmitButton type="secondary">{i18n('CREATE_TICKET')}</SubmitButton>
+                        </div>
+                        <div className="create-ticket-form__captcha-container">
+                            {(!userLogged) ? this.renderCaptcha() : null}
+                        </div>
                     </div>
                 </Form>
                 {this.renderMessage()}
diff --git a/client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.scss b/client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.scss
index 755b5449..ddccbb6c 100644
--- a/client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.scss
+++ b/client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.scss
@@ -8,21 +8,29 @@
         margin-top: 20px;
     }
 
+    &__container {
+        display: flex;
+        flex-direction: row-reverse;
+    }
+
     &__buttons-container {
         display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
+        flex-direction: column;
+        justify-content: center;
+        align-items: flex-end;
 
         &-without-allow-attachments {
             display: flex;
             flex-direction: row;
             justify-content: flex-end;
             align-items: center;
-            width: 100%;
         }
     }
 
+    &__captcha-container {
+        padding-right: 20px;
+    }
+
     &__captcha {
         margin: 0 auto 20px;
         height: 78px;