From 73c36efa577d1b9c5b1280c88c046a1981bb0552 Mon Sep 17 00:00:00 2001
From: Navaneeth Pk <navaneethpk@outlook.com>
Date: Tue, 29 Jun 2021 00:43:44 +0530
Subject: [PATCH] Minor UI improvements for deploy modal (#352)

---
 frontend/src/Editor/SaveAndPreview.jsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/frontend/src/Editor/SaveAndPreview.jsx b/frontend/src/Editor/SaveAndPreview.jsx
index d679c4853c..b0283b3c85 100644
--- a/frontend/src/Editor/SaveAndPreview.jsx
+++ b/frontend/src/Editor/SaveAndPreview.jsx
@@ -78,13 +78,20 @@ class SaveAndPreview extends React.Component {
 
     return (
       <div>
-        {!showModal && (
-          <button className="btn btn-primary btn-sm" onClick={() => this.setState({ showModal: true })}>
-            Deploy
-          </button>
-        )}
+        <button className="btn btn-primary btn-sm" onClick={() => this.setState({ showModal: true })}>
+          Deploy
+        </button>
 
-        <Modal show={this.state.showModal} size="md" backdrop="static" centered={true} keyboard={true}>
+        <Modal 
+          show={this.state.showModal} 
+          size="md" 
+          backdrop="static" 
+          centered={true} 
+          keyboard={true}
+          enforceFocus={false}
+          animation={false}
+          onEscapeKeyDown={() => this.hideModal()}
+        >
           <Modal.Header>
             <Modal.Title>Versions and deployments</Modal.Title>
             <div>