Update styles

Author: agjohnson

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

@@ -88,23 +88,28 @@ div.project-import-sidebar {
         font-size: 1.1em;
     }
 
-    li.remote-org {
+    li.remote-org,
+    li.remote-filter {
         margin: .5em 0em;
         padding-left: 3em;
         cursor: pointer;
 
-        &.remote-org-hidden {
-            span.remote-org-name {
+        &.remote-org-hidden,
+        &.remote-filter-hidden {
+            span.remote-org-name,
+            span.remote-filter-name {
                 color: #ccc;
             }
 
-            img.remote-org-avatar {
+            img.remote-org-avatar,
+            img.remote-filter-avatar {
                 opacity: .3;
                 filter: alpha(opacity=30);
             }
         }
 
-        img.remote-org-avatar {
+        img.remote-org-avatar,
+        img.remote-filter-avatar {
             float: left;
             margin-left: -2.25em;
             margin-right: .5em;
@@ -119,7 +124,8 @@ div.project-import-sidebar {
             vertical-align: baseline;
         }
 
-        a.remote-org-name {
+        a.remote-org-name,
+        a.remote-filter-name {
             font-size: .9em;
             text-decoration: none;
             line-height: 1.5em;

readthedocs/templates/projects/project_import.html

@@ -214,12 +214,12 @@ <h1>{% trans "Import a Repository" %}</h1>
         <div data-bind="visible: filters().length > 0">
           <h3>{% trans "Filter repositories" %}</h3>
 
-          <ul data-bind="foreach: filters" class="remote-orgs">
+          <ul data-bind="foreach: filters" class="remote-filters">
             <li
-              class="remote-org"
-              data-bind="css: {'remote-org-hidden': filtered()}, click: function () { $root.set_filter_by(filter_id(), filter_type); }">
-              <img data-bind="attr: {src: avatar_url}" class="remote-org-avatar" />
-              <span data-bind="text: display_name" class="remote-org-name"></span>
+                class="remote-filter"
+                data-bind="css: {'remote-filter-hidden': filtered()}, click: function () { $root.set_filter_by(filter_id(), filter_type); }">
+              <img data-bind="attr: {src: avatar_url}" class="remote-filter-avatar" />
+              <span data-bind="text: display_name" class="remote-filter-name"></span>
             </li>
           </ul>
         </div>