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

components/ui/Pagination.vue

@@ -99,13 +99,20 @@ button {
   }
 
   &.paginate.disabled {
-    background-color: var(--color-button-bg);
+    background-color: transparent;
     cursor: default;
-    color: var(--color-icon);
+    color: var(--color-button-text-disabled);
+    box-shadow: inset 0 0 0 1px var(--color-button-bg-disabled);
   }
 
+  &:focus-visible,
   &:hover {
-    background: var(--color-button-bg-active);
+    background-color: var(--color-button-bg-hover);
+    color: var(--color-button-text-hover);
+  }
+
+  &:active {
+    background-color: var(--color-button-bg-active);
     color: var(--color-button-text-active);
   }
 }

components/ui/ProjectCard.vue

@@ -18,7 +18,10 @@
               <nuxt-link :to="`/${type}/${id}`">{{ name }}</nuxt-link>
             </h2>
             <p v-if="author" class="author">
-              by <nuxt-link :to="'/user/' + author">{{ author }}</nuxt-link>
+              by
+              <nuxt-link class="title-link" :to="'/user/' + author">{{
+                author
+              }}</nuxt-link>
             </p>
           </div>
           <div class="side-type">
@@ -253,10 +256,6 @@ export default {
         .author {
           margin: auto 0 0 0;
           color: var(--color-text);
-
-          a {
-            text-decoration: underline;
-          }
         }
       }