From ed8421673f6d428013634f02c2bb148b587aced9 Mon Sep 17 00:00:00 2001
From: Anthony Johnson <aj@ohess.org>
Date: Mon, 10 Oct 2016 15:59:33 -0700
Subject: [PATCH] Fix template structure around import page

Allow for button centering and separation
---
 .../templates/projects/project_import.html    | 65 ++++++++++---------
 1 file changed, 36 insertions(+), 29 deletions(-)

diff --git a/readthedocs/templates/projects/project_import.html b/readthedocs/templates/projects/project_import.html
index 56e638cfa15..f17ad2bc213 100644
--- a/readthedocs/templates/projects/project_import.html
+++ b/readthedocs/templates/projects/project_import.html
@@ -75,40 +75,47 @@ <h1>{% trans "Import a Repository" %}</h1>
           <div class="module-list">
             <div class="module-list-wrapper">
 
-              <ul data-bind="visible: is_ready() && !has_projects()" style="display: none;">
+              <ul data-bind="visible: is_ready() && !has_projects()" style="display: none;"
+                  class="remote-repos-empty">
                 <li class="module-item">
                   {% if has_connected_accounts %}
                     {% blocktrans with binding='data-bind="click: sync_projects"' trimmed %}
-                      No remote repositories found,
-                      try <a href="#" {{ binding }}>refreshing your accounts</a>.
+                      <p>
+                        No remote repositories found,
+                        try <a href="#" {{ binding }}>refreshing your accounts</a>.
+                      </p>
                     {% endblocktrans %}
                   {% else %}
-                    {% blocktrans trimmed %}
-                      You don't currently have any connected accounts.
-                      Connect your account to be able to easily set up projects.
-                    {% endblocktrans %}
-
-                    <form
-                        method="get"
-                        action="{% provider_login_url "github" %}"
-                        class="import-connect import-connect-github">
-                      <button>
-                        {% trans "Connect to GitHub" %}
-                      </button>
-                      <input type="hidden" name="process" value="connect">
-                      <input type="hidden" name="next" value="/dashboard/import/">
-                    </form>
-
-                    <form
-                        method="get"
-                        action="{% provider_login_url "bitbucket_oauth2" %}"
-                        class="import-connect import-connect-bitbucket">
-                      <button>
-                        {% trans "Connect to Bitbucket" %}
-                      </button>
-                      <input type="hidden" name="process" value="connect">
-                      <input type="hidden" name="next" value="/dashboard/import/">
-                    </form>
+                    <p>
+                      {% blocktrans trimmed %}
+                        You don't currently have any connected accounts.
+                        Connect your account to be able to easily set up projects.
+                      {% endblocktrans %}
+                    </p>
+
+                    <div class="project-import-providers">
+                      <form
+                          method="get"
+                          action="{% provider_login_url "github" %}"
+                          class="import-connect import-connect-github">
+                        <button>
+                          {% trans "Connect to GitHub" %}
+                        </button>
+                        <input type="hidden" name="process" value="connect">
+                        <input type="hidden" name="next" value="/dashboard/import/">
+                      </form>
+
+                      <form
+                          method="get"
+                          action="{% provider_login_url "bitbucket_oauth2" %}"
+                          class="import-connect import-connect-bitbucket">
+                        <button>
+                          {% trans "Connect to Bitbucket" %}
+                        </button>
+                        <input type="hidden" name="process" value="connect">
+                        <input type="hidden" name="next" value="/dashboard/import/">
+                      </form>
+                    </div>
 
                   {% endif %}
                 </li>