From c5648d856fda2829dd8b76517cc71f72409d6121 Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Sun, 16 May 2021 12:28:05 +0530
Subject: [PATCH] Fix broken layout of version manager

---
 frontend/src/Editor/SaveAndPreview.jsx | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/frontend/src/Editor/SaveAndPreview.jsx b/frontend/src/Editor/SaveAndPreview.jsx
index fbe8e98aac..40648d0029 100644
--- a/frontend/src/Editor/SaveAndPreview.jsx
+++ b/frontend/src/Editor/SaveAndPreview.jsx
@@ -81,17 +81,17 @@ class SaveAndPreview extends React.Component {
           </button>
         )}
 
-        <Modal show={this.state.showModal} size="lg" backdrop="static" centered={true} keyboard={true}>
+        <Modal show={this.state.showModal} size="md" backdrop="static" centered={true} keyboard={true}>
           <Modal.Header>
             <Modal.Title>Versions and deployments</Modal.Title>
             <div>
               {!showVersionForm && (
-                <button className="btn btn-primary mx-2" onClick={() => this.setState({ showVersionForm: true })}>
-                  Create New Version
+                <button className="btn btn-primary btn-sm mx-2" onClick={() => this.setState({ showVersionForm: true })}>
+                  + Version
                 </button>
               )}
 
-              <Button variant="light" onClick={() => this.hideModal()}>
+              <Button variant="light" size="sm" onClick={() => this.hideModal()}>
                 x
               </Button>
             </div>
@@ -126,15 +126,15 @@ class SaveAndPreview extends React.Component {
                   <tbody>
                     {versions.map((version) => (
                       <tr key={version.id}>
-                        <td>
-                          {version.name}
-                          {version.id === this.props.app.current_version_id && (
-                            <small className="mx-2">(current)</small>
-                          )}
-                        </td>
                         <td>
                           <div className="row">
                             <div className="col">
+                            {version.name}
+                            {version.id === this.props.app.current_version_id && (
+                              <small className="mx-2">(current)</small>
+                            )}
+                            </div>
+                            <div className="col-auto">
                               <button
                                 className="btn btn-sm"
                                 onClick={() => this.saveVersion(version.id)}
@@ -142,8 +142,6 @@ class SaveAndPreview extends React.Component {
                               >
                                 {isSaving ? 'saving...' : 'save'}
                               </button>
-                            </div>
-                            <div className="col">
                               <button
                                 className="btn btn-primary btn-sm mx-2"
                                 onClick={() => this.deployVersion(version.id)}