[SHARE-634][Improvement] Clickable tags (#190)

* Make tags clickable

* Remove underlines from pagination

Author: laurenbarker

app/components/page-controls/style.scss

@@ -0,0 +1,3 @@
+a {
+    text-decoration: none;
+}

app/components/search-result/style.scss

@@ -1,5 +1,7 @@
 // minumum gray contrast that meets WCAG 2.0 AA/AAA standards
 $default-text-color: #4f5050;
+// use for hover on buttons and dark text
+$darkest-color: #222;
 // bright blue
 $default-text-color-active: #337ab7;
 // dark blue
@@ -50,6 +52,13 @@ $default-link-hover-color: #23527c;
     border: 1px solid #ccc;
     padding: 2px 4px 2px 4px;
     margin: 4px 4px 4px 0px;
+    text-decoration: none;
+}
+
+.tag:hover {
+    color: $darkest-color;
+    border: 1px solid $darkest-color;
+    cursor: pointer;
 }
 
 .worktype {

app/components/search-result/template.hbs

@@ -58,9 +58,9 @@
     <div class="row default-line-padding default-cursor">
         <div class="col-xs-12">
             {{#each tags as |tag|}}
-                <span class='tag'>
+                <a class="tag" {{action 'addFilter' 'tags' tag}}>
                     {{tag}}
-                </span>
+                </a>
             {{/each}}
             {{#if extraTags}}
                 <span class="text-muted">+{{extraTags.length}}</span>