update mew select and mew tooltip

Author: gesseekur

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myetherwallet/mew-components",
-  "version": "0.5.75-beta",
+  "version": "0.5.76-beta",
   "description": "MEW Components",
   "main": "dist/mew-components.umd.js",
   "module": "dist/mew-components.esm.js",

src/assets/styles/basics/_typography.scss

@@ -41,9 +41,9 @@
 
   .mew-body {
   /* size - 14px ,  height - 19px */
-  font-size: 1rem; 
+  font-size: 1rem !important; 
   font-weight: 400;
-  line-height: 1.357rem;
+  line-height: 1.357rem !important;
   }
 
   .mew-caption {

src/assets/styles/global.scss

@@ -8,7 +8,7 @@
 html,
 body {
   font-family: 'Roboto', sans-serif;
-  font-size: 14px;
+  font-size: 14px !important;
   font-style: normal;
   font-weight: 400;
 }

src/components/MewSelect/MewSelect.vue

@@ -152,7 +152,7 @@
               class="mew-caption font-weight-regular textSecondary--text text-capitalize"
             >{{ data.item.tokenBalance ? data.item.tokenBalance + ' ' + data.item.symbol : data.item.subtext }}</span></span>
           </div>
-          <div class="d-flex justify-center flex-column">
+          <div class="d-flex justify-center flex-column align-end">
             <span>${{ data.item.totalBalance || data.item.price }}</span>
             <span class="mew-caption font-weight-regular textSecondary--text" v-if="data.item.totalBalance">@ ${{ data.item.price }}</span>
           </div>

src/components/MewTooltip/MewTooltip.vue

@@ -14,7 +14,7 @@
     >
       <template v-slot:activator="{ on }"> 
         <v-icon
-          class="cursor-pointer"
+          class="cursor-pointer mew-body"
           color="searchText"
           v-on="on"
         >

src/scss/variables.scss

@@ -0,0 +1,5 @@
+// $card-title-font-size: 8px; /mew-heading -2
+// text, link -> mew-body
+
+// Required for modifying core defaults
+// @import '~vuetify/src/styles/styles.sass';