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 {