Restyle step 1 for side-by-side layout

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.")

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 {