make round title a link and show borders on item hover

opentech/apply/funds/templates/funds/includes/round-block-listing.html

@@ -2,7 +2,7 @@
     {% for round in rounds %}
         {% if forloop.counter0 < 5 %}
             <li class="round-block__item">
-                <h5 class="round-block__title">{{ round }}</h5>
+                <a href="{% url 'apply:rounds:detail' pk=round.pk %}" class="round-block__title">{{ round }}</a>
                 <p> {{ round.fund|default_if_none:"-" }} </p>
                 <p class="round-block__date">
                     {% if round.end_date %}

opentech/static_src/src/sass/apply/components/_round-block.scss

@@ -23,8 +23,6 @@
 
             &:hover {
                 background-color: $color--light-grey;
-                border-right: 1px solid $color--light-grey;
-                border-left: 1px solid $color--light-grey;
             }
 
             // item spacing
@@ -78,6 +76,8 @@
     }
 
     &__title {
+        color: $color--default;
+        font-size: map-get($font-sizes, epsilon);
         font-weight: $weight--semibold;
     }