fix taxonomy issues

assets/sass/_taxonomy.sass

@@ -7,62 +7,60 @@ table#taxonomy-table
     background: $surface
     text-align: left
 
-    tr:nth-child(even)
-        background: darken($surface, 2%)
-        transition: background 0.4s
-    tr:nth-child(odd)
-        background: lighten($surface, 3%)
-        transition: background 0.4s
-    tr:hover, tr:focus
-        background: $border
+    tr
+        border-bottom: 3px solid $background
+        &:nth-child(even)
+            background: darken($surface, 2%)
+            transition: background 0.4s ease-in-out
+        &:nth-child(odd)
+            background: lighten($surface, 3%)
+            transition: background 0.4s ease-in-out
+        &:hover, &:focus
+            background: $border
 
-#taxonomy-table thead
-    text-align: left
-    border: none
-    background: $darkest
-    border-radius: $border-radius $border-radius 0 0
+    thead
+        text-align: left
+        border: none
+        background: $darkest
+        border-radius: $border-radius $border-radius 0 0
 
-#taxonomy-table th
-    color: $text
-    padding: 0.6rem 0.6rem
-    text-align: left
-    font-weight: 600
-    border: none
+    th
+        color: $text
+        padding: 0.6rem 0.6rem
+        text-align: left
+        font-weight: 600
+        border: none
 
-#taxonomy-table td
-    padding: 0.3rem 0.6rem
-    text-align: left
-    font-weight: 600
-    border: none
+    td
+        padding: 0.3rem 0.6rem
+        text-align: left
+        font-weight: 600
+        border: none
 
-#taxonomy-table tr
-    border-bottom: 3px solid $background
-    &:hover, &:focus
-        background: $primary-light
+    a.term-link
+        padding: 0.2rem 0.6rem
+        margin: 0.2rem
+        display: inline-block
+        border-radius: $border-radius
+        text-decoration: none
+        font-weight: 500
+        color: $text
+        transition: color 0.4s ease-in-out, background 0.4s ease-in-out
+        &:hover, &:focus
+            color: $darkest !important
+            background: $text-subtle !important
 
-#taxonomy-table a.term-link
-    padding: 0.2rem 0.6rem
-    margin: 0.2rem
-    display: inline-block
-    border-radius: $border-radius
-    text-decoration: none
-    font-weight: 500
-    color: $text
-    transition: color 0.4s
-    &:hover, &:focus
-        color: $darkest
-
-#taxonomy-table a.taxonomy-name
-    padding: 0
-    margin: 0.2rem
-    display: inline-block
-    border-radius: $border-radius
-    text-decoration: none
-    font-weight: 500
-    color: $text
-    transition: color 0.4s
-    &:hover, &:focus
-        color: $accent-light
+    a.taxonomy-name
+        padding: 0
+        margin: 0.2rem
+        display: inline-block
+        border-radius: $border-radius
+        text-decoration: none
+        font-weight: 500
+        color: $text
+        transition: color 0.4s ease-in-out
+        &:hover, &:focus
+            color: $accent-light
 
 #taxonomy-page a.term-link
     padding: 0.3rem 1.2rem
@@ -72,7 +70,7 @@ table#taxonomy-table
     text-decoration: none
     font-weight: 500
     color: $text
-    transition: color 0.4s
+    transition: color 0.4s ease-in-out
     font-size: 1.2rem
     &:hover, &:focus
         color: $darkest