Improve the readability of user cards

src/components/search/search.vue

@@ -202,6 +202,9 @@
   .search-button {
     margin-left: 0.5em;
     width: 3em;
+    display: flex;
+    justify-content: center;
+    align-items: center;
   }
 }
 

src/components/search_bar/search_bar.vue

@@ -60,8 +60,7 @@
 
 .SearchBar {
   display: inline-flex;
-  align-items: baseline;
+  align-items: center;
-  vertical-align: baseline;
   justify-content: flex-end;
 
   &.-expanded {
@@ -76,6 +75,9 @@
   .search-button {
     margin-left: 0.5em;
     width: 3em;
+    display: flex;
+    justify-content: center;
+    align-items: center;
   }
 
   .search-bar-input {

src/components/user_card/user_card.scss

@@ -27,6 +27,7 @@
     border-bottom-left-radius: inherit;
     // create new stacking context
     position: relative;
+    text-shadow: 0 0 1em var(--btn, $fallback--fg);
   }
 
   .background-image {
@@ -184,12 +185,19 @@
     }
   }
 
+  .top-line {
+    .button-unstyled {
+      filter: drop-shadow(0 0 1em var(--btn, $fallback--fg));
+    }
+  }
+
   .user-name {
     text-overflow: ellipsis;
     overflow: hidden;
     flex: 1 1 auto;
     margin-right: 1em;
     font-size: 1.1em;
+    text-shadow: 0 0 1em var(--btn, $fallback--fg);
   }
 
   .bottom-line {
@@ -208,6 +216,7 @@
       overflow: hidden;
       color: $fallback--lightText;
       color: var(--lightText, $fallback--lightText);
+      text-shadow: 0 0 1em var(--btn, $fallback--fg);
     }
 
     .dailyAvg {
@@ -217,6 +226,7 @@
       font-size: 0.7em;
       color: $fallback--text;
       color: var(--text, $fallback--text);
+      text-shadow: 0 0 1em var(--btn, $fallback--fg);
     }
 
     .user-role {
@@ -235,6 +245,7 @@
     line-height: 22px;
     flex-wrap: wrap;
     justify-content: right;
+    text-shadow: 0 0 1em var(--btn, $fallback--fg);
 
     .following, .requested_by, .blocking {
       flex: 1 0 auto;

static/themes/itepechi.json

@@ -84,6 +84,7 @@
       "cRed": "#f7c4cd",
       "cGreen": "#a1e45d",
       "cOrange": "#ead15e",
+      "btnToggled": "#ddd7d2",
       "alertError": "#ff2975"
     },
     "radii": {