Continue the cleanup train (#396)

* Improve links and search page controls... I know it looks kinda insane

* Fix donation padding Fixes #393

* Improve text field styling

* white icon

* Improve pagination and disabled button colors

* Round tab indicator

* Fix rounding of home page points card

* I hate browsers

* Change verbiage of legacy options

assets/styles/components.scss

@@ -5,6 +5,29 @@
   display: inline-flex;
   position: relative;
 
+  &:hover:not([disabled]):not(:focus-within) {
+    input:not(:focus) {
+      background-color: var(--color-button-bg-hover);
+      color: var(--color-button-text-hover);
+      border-color: var(--color-divider-dark);
+    }
+
+    svg {
+      color: var(--color-button-text-hover);
+    }
+  }
+
+  &:focus-within {
+    input {
+      outline: none !important;
+      border-color: var(--color-brand);
+    }
+
+    svg {
+      color: var(--color-button-text-active) !important;
+    }
+  }
+
   input {
     padding-left: 2rem;
     width: 100%;
@@ -42,7 +65,7 @@
     color: var(--color-button-text-hover);
   }
 
-  &:active, {
+  &:active {
     background-color: var(--color-button-bg-active);
     color: var(--color-button-text-active);
   }
@@ -85,13 +108,26 @@
 .text-link {
   color: var(--color-link);
   text-decoration: underline;
+
+  &:focus-visible,
+  &:hover {
+    color: var(--color-link-hover);
+  }
+  &:active {
+    color: var(--color-link-active);
+  }
 }
 
 .title-link {
-  &:hover {
-    color: var(--color-link);
-  }
   text-decoration: underline;
+
+  &:focus-visible,
+  &:hover {
+    color: var(--color-heading);
+  }
+  &:active {
+    color: var(--color-text-dark);
+  }
 }
 
 .markdown-body {
@@ -331,9 +367,11 @@
   }
   &:disabled,
   &[disabled] {
-    opacity: 0.6;
+    background-color: transparent;
+    box-shadow: inset 0 0 0 1px var(--color-button-bg-disabled);
+    color: var(--color-button-text-disabled);
     pointer-events: none;
-    cursor: not-allowed;
+    cursor: default;
   }
 }
 
@@ -443,6 +481,12 @@
       line-height: 20px;
     }
   }
+  .multiselect--above {
+    .multiselect__content-wrapper {
+      border-top-left-radius: var(--size-rounded-card);
+      border-top-right-radius: var(--size-rounded-card);
+    }
+  }
   .multiselect__content-wrapper {
     background: var(--color-dropdown-bg);
     border: none;
@@ -661,6 +705,7 @@ label {
       height: 4px;
       bottom: 0;
       left: 20%;
+      border-radius: var(--size-rounded-max);
     }
 
     &:hover,