From 75a34024bcdfa1d39f2dba03d929e7415c4dab12 Mon Sep 17 00:00:00 2001
From: Alasdair Smith <ali@alasdairsmith.co.uk>
Date: Fri, 15 Dec 2017 13:48:53 +0000
Subject: [PATCH] Restyle step 1 for side-by-side layout

---
 .../web/app/views/project/list/modals.pug     | 31 ++++++++++---------
 .../stylesheets/app/list/v1-import-modal.less |  6 ++++
 2 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/services/web/app/views/project/list/modals.pug b/services/web/app/views/project/list/modals.pug
index 3b07f4c933..6684246cb8 100644
--- a/services/web/app/views/project/list/modals.pug
+++ b/services/web/app/views/project/list/modals.pug
@@ -321,20 +321,23 @@ script(type="text/ng-template", id="v1ImportModalTemplate")
 
 	.modal-body.v1-import-wrapper
 		.v1-import-step-1(ng-show="step === 1")
-			img.v1-import-img(
-				src="/img/v1-import/v2-editor.png"
-				alt="The new V2 Editor."
-			)
-			h2.v1-import-title Try the Overleaf v2 Editor
-			p The Overleaf v2 editor has many great new features including:
-			ul
-				li Faster real-time collaboration
-				li See your coauthors’ cursors
-				li Chat with math support
-				li Tracked changes and commenting
-				li Improved LaTeX autocomplete
-				li Two-way Dropbox sync
-			p Would you like to move #[strong {{project.name}}] into Overleaf v2?
+			.row
+				.col-xs-6
+					img.v1-import-img(
+						src="/img/v1-import/v2-editor.png"
+						alt="The new V2 Editor."
+					)
+				.col-xs-6.col-offset-6
+					h2.v1-import-title Try the Overleaf v2 Editor
+					p The Overleaf v2 editor has many great new features including:
+					ul
+						li Faster real-time collaboration
+						li See your coauthors’ cursors
+						li Chat with math support
+						li Tracked changes and commenting
+						li Improved LaTeX autocomplete
+						li Two-way Dropbox sync
+			p.v1-import-cta Would you like to move #[strong {{project.name}}] into Overleaf v2?
 
 		.v1-import-step-2(ng-show="step === 2")
 			div.v1-import-warning(aria-label="Warning symbol.")
diff --git a/services/web/public/stylesheets/app/list/v1-import-modal.less b/services/web/public/stylesheets/app/list/v1-import-modal.less
index 64bb9fda37..cd015c1e4c 100644
--- a/services/web/public/stylesheets/app/list/v1-import-modal.less
+++ b/services/web/public/stylesheets/app/list/v1-import-modal.less
@@ -4,6 +4,12 @@
 
 .v1-import-img {
 	width: 100%;
+	margin-top: 30px;
+}
+
+.v1-import-cta {
+	margin-top: 20px;
+	text-align: center;
 }
 
 .v1-import-warning {