Tweaking of how we install GH for Jira

static/css/github-configuration.css

@@ -241,6 +241,11 @@
     text-decoration: none;
 }
 
+.no-organization-in-github {
+    width: 80%;
+    margin: 0 auto 18px;
+}
+
 @keyframes spin {
     0% {
         transform: rotate(0deg);

static/js/github-configuration.js

@@ -67,3 +67,8 @@ $(".sync-connection-link").click(function (event) {
 		},
 	});
 });
+
+$(".install-btn").click(function(event) {
+	event.preventDefault();
+	window.location.href = $(event.target).data("installation-url");
+});

views/github-configuration.hbs

@@ -182,14 +182,19 @@
           <p class="gitHubConfiguration__noOrganizations">No GitHub organizations with Jira installed.</p>
         {{/unless}}
       </div>
+    </div>
+  </div>
 
-      <a
-        class="gitHubConfiguration__connectNewOrg"
-        href="{{info.html_url}}/installations/new"
-      >
-        <span class="gitHubConfiguration__connectNewOrg__plus">+</span>Install GitHub for Jira on a new organization
-      </a>
+  <div class="text-center">
+    <div class="no-organization-in-github">
+      Don't see your Github organization? Install 'GitHub for Jira' on your Github organization to connect them to your Atlassian site.
     </div>
+    <button
+      class="install-btn aui-button aui-button-{{#if installations}}default{{else}}primary{{/if}}"
+      data-installation-url="{{info.html_url}}/installations/new"
+    >
+      Install GitHub for Jira on a new organization
+    </button>
   </div>
 
 </section>