Several UI Tweaks - categories, but mostly datasets page

 * Drop old Add-categories linl
 * UI: Sidebar: Increase spacing between Categories and Organizations
 * The original suggestion was Change count pill for selected category and X button to white background
   with Tim's suggestion moved to bg-light text-dark.  Also changed in datasets.html to use primary blue.
 * UI: Results: Increase spacing to make list more legible. I just added top spacing to datasets to the separator is more in the middle.

Author: Bryan Quigley

categories.html

@@ -5,8 +5,6 @@
 ---
 {% include breadcrumbs.html %}
 
-<a href="{{ site.baseurl }}/add-category/" class="btn btn-outline-secondary float-end admin-only" data-hook="add-category-btn"><i class="fa fa-plus"></i> Add category</a>
-
 {% for category in site.dataset_categories %}
   {% assign dataset_count = site.datasets | where:"category", category.name | size %}
   <div class="d-flex">

css/main.css

@@ -18,7 +18,8 @@ input[data-hook=search-query] {
 dataset {
   display: block;
   border-bottom: 1px #d6d6d6 solid;
-  padding-bottom: 20px;
+  padding-bottom: 10px;
+  padding-top: 10px;
 }
 
 .list-group-item-truncate {

datasets.html

@@ -15,19 +15,19 @@ <h3>Categories</h3>
       {% assign count = site.datasets | where: "category", category.name | size %}
       <a href="{{ site.baseurl }}{{ category.url }}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
         {{ category.name }}
-        <span class="badge bg-secondary rounded-pill">{{ count }}</span>
+        <span class="badge bg-primary rounded-pill">{{ count }}</span>
       </a>
       {% endfor %}
     </div>
-
+    <br/>
     <h3>Organizations</h3>
     <div class="list-group js-shown" data-component="organizations-filter" data-show="15"></div>
     <div class="list-group js-hidden">
       {% for organization in site.organizations %}
       {% assign count = site.datasets | where: "organization", organization.title | size %}
       <a href="{{ site.baseurl}}{{ organization.url }}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
         {{ organization.title }}
-        <span class="badge bg-secondary rounded-pill">{{ count }}</span>
+        <span class="badge bg-primary rounded-pill">{{ count }}</span>
       </a>
       {% endfor %}
     </div>

scripts/dist/legacy/index.js

@@ -2,8 +2,9 @@ export default (data) => (
 `<a href="${data.url}" class="list-group-item${data.selected ? ' active ' : ''} list-group-item-action d-flex justify-content-between align-items-center">
   ${data.title}
   <span>
-    ${data.selected ? '<span class="badge bg-secondary rounded-pill"><i class="fa fa-times"></i></span>' : ''}
-    <span class="badge bg-secondary rounded-pill">${data.count}</span>
+    ${data.selected ? '<span class="badge bg-light text-dark rounded-pill"><i class="fa fa-times"></i></span>' : ''}
+    ${data.selected ? '<span class="badge bg-light text-dark rounded-pill">' : '<span class="badge bg-primary rounded-pill">'}
+      ${data.count}</span>
   </span>
 </a>`
 )