Fix template structure around import page (#2449)

Allow for button centering and separation

Author: agjohnson

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>