From daf1db847c3586edee5f4433659256cedb6b9628 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joel=20Elias=20M=C3=A9ndez?=
 <67445275+joelmendez1@users.noreply.github.com>
Date: Mon, 14 Feb 2022 14:52:05 -0300
Subject: [PATCH] [DEV-236] Modify edit ticket name padding and buttons (#1147)

---
 client/src/app-components/ticket-viewer.js   |  8 ++++----
 client/src/app-components/ticket-viewer.scss | 13 ++++++++++++-
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/client/src/app-components/ticket-viewer.js b/client/src/app-components/ticket-viewer.js
index 04d08204..2201a162 100644
--- a/client/src/app-components/ticket-viewer.js
+++ b/client/src/app-components/ticket-viewer.js
@@ -169,11 +169,11 @@ class TicketViewer extends React.Component {
                         onChange={(e) => this.setState({newTitle: e.target.value})} />
                 </div>
                 <div className="ticket-viewer__edit-title__buttons">
-                    <Button disabled={this.state.editTitleLoading} type='primary' size="medium" onClick={() => this.setState({editTitle: false, newTitle: this.props.ticket.title})}>
-                        {this.state.editTitleLoading ? <Loading /> : <Icon name="times" />}
+                    <Button className="ticket-viewer__edit-title__button" disabled={this.state.editTitleLoading} type='primary' size="medium" onClick={() => this.setState({editTitle: false, newTitle: this.props.ticket.title})}>
+                        {this.state.editTitleLoading ? <Loading /> : <Icon name="times" size="large" />}
                     </Button>
-                    <Button disabled={this.state.editTitleLoading} type='secondary' size="medium" onClick={this.changeTitle.bind(this)}>
-                        {this.state.editTitleLoading ? <Loading /> : <Icon name="check" />}
+                    <Button className="ticket-viewer__edit-title__button" disabled={this.state.editTitleLoading} type='secondary' size="medium" onClick={this.changeTitle.bind(this)}>
+                        {this.state.editTitleLoading ? <Loading /> : <Icon name="check" size="large" />}
                     </Button>
                 </div>
             </div>
diff --git a/client/src/app-components/ticket-viewer.scss b/client/src/app-components/ticket-viewer.scss
index b304d9d8..cf45a3ce 100644
--- a/client/src/app-components/ticket-viewer.scss
+++ b/client/src/app-components/ticket-viewer.scss
@@ -80,7 +80,10 @@
         margin-right: 6px;
 
         .input__text {
-            height: 25px;
+            height: 30px;
+            text-align: center;
+            padding-top: 12px;
+            border-radius: 5px;
         }
     }
 
@@ -91,6 +94,14 @@
         align-items: center;
         width: 160px;
     }
+
+    &__edit-title__button {
+        width: 50px;
+        height: 30px;
+        display: flex;
+        justify-content: center;
+    }
+
     &__number {
         color: white;
         margin-right: 30px;