View icon on repo list, and turn buttons into links

media/css/core.css

@@ -601,15 +601,41 @@ div.project-version-list span.version-branch {
 }
 
 /* Project import */
-div.project-import-remote li.remote-repo button.remote-repo-import span,
+div.project-import-remote li.remote-repo a.remote-repo-view {
+    background: none;
+    color: #443;
+    box-shadow: none;
+    -moz-box-shadow: none;
+    -ms-box-shadow: none;
+    -webkit-box-shadow: none;
+    text-shadow: none;
+}
+
+div.project-import-remote li.remote-repo a.remote-repo-import,
+div.project-import-remote li.remote-repo a.remote-repo-view {
+    margin: .25em 0em;
+    height: 1em;
+    padding: .5em .75em;
+    font-size: 1em;
+    font-weight: normal;
+}
+
+div.project-import-remote li.remote-repo a.remote-repo-import span,
+div.project-import-remote li.remote-repo a.remote-repo-view span,
 div.project-import-remote button.remote-sync span {
     display: none;
 }
 
-div.project-import-remote li.remote-repo button.remote-repo-import:before {
+div.project-import-remote li.remote-repo a.remote-repo-import:before {
     font-family: FontAwesome;
+    font-weight: normal;
     content: "\f067";
 }
+div.project-import-remote li.remote-repo a.remote-repo-view:before {
+    font-family: FontAwesome;
+    font-weight: normal;
+    content: "\f08e";
+}
 div.project-import-remote button.remote-sync:before {
     font-family: FontAwesome;
     content: "\f021";

readthedocs/projects/static-src/projects/css/import.less

@@ -58,14 +58,6 @@ div.project-import-remote {
         ul.remote-repo-menu {
             top: 10px;
             right: 10px;
-
-            button.remote-repo-import {
-                margin: .25em 0em;
-                height: 2.125em;
-                padding: .5em .75em;
-                font-size: 1em;
-                font-weight: normal;
-            }
         }
     }
 

readthedocs/projects/static/projects/css/import.css

@@ -50,13 +50,6 @@ div.project-import-remote li.remote-repo ul.remote-repo-menu {
   top: 10px;
   right: 10px;
 }
-div.project-import-remote li.remote-repo ul.remote-repo-menu button.remote-repo-import {
-  margin: .25em 0em;
-  height: 2.125em;
-  padding: .5em .75em;
-  font-size: 1em;
-  font-weight: normal;
-}
 div.project-import-remote form.import-connect {
   overflow: auto;
   display: inline;

readthedocs/templates/projects/project_import.html

@@ -133,16 +133,20 @@ $(document).ready(function() {
                     <li
                         data-bind="visible: match, with: match"
                         style="display: none;">
-                      <a data-bind="attr: {href: url}" class="remote-repo-view">
-                        View
+                      <a
+                          data-bind="attr: {href: url}"
+                          class="remote-repo-view"
+                          title="{% trans "This repository has already been imported" %}">
+                        <span>{% trans "View" %}</span>
                       </a>
                     </li>
                     <li data-bind="visible: !match()" style="display: none;">
-                      <button
+                      <a
+                          href="#"
                           data-bind="click: import_repo"
                           class="remote-repo-import">
-                        <span>+</span>
-                      </button>
+                        <span>{% trans "Add" %}</span>
+                      </a>
                     </li>
                   </ul>