#392 tweaked upgrade plan button style

ruuvi · Apr 22, 2024 · 8912994 · 8912994
1 parent 1880283
commit 8912994
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/UpgradePlanButton.js b/src/components/UpgradePlanButton.js
@@ -4,20 +4,24 @@ import i18next, { t } from 'i18next';
 
 const detailedSubText = {
     fontFamily: "mulish",
-    fontSize: "14px",
+    fontSize: "12px",
 }
 
 const UpgradePlanButton = () => {
     let url = "https://cloud.ruuvi.com";
     if (i18next.language === 'fi') url += '/fi';
+    let padding = 0.5;
     return (
         <a href={url} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none', ...detailedSubText }}>
             <Button size="small"
                 borderRadius={3}
                 paddingRight={2} paddingLeft={2} paddingBottom={1} paddingTop={0.5}
                 style={{ opacity: 0.75 }}
+                _hover={{ opacity: "1 !important" }}
                 onClick={e => e.preventDefault() || window.open(url, '_blank').focus()}>
-                {t('upgrade_plan')}
+                <div style={{ padding }}>
+                    {t('upgrade_plan')}
+                </div>
             </Button>
         </a>
     );