fix: the email icon wasn't responsive

simbleau · Nov 2, 2023 · acd2f8d · acd2f8d
1 parent 8ecb2a8
commit acd2f8d
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/email_button.rs b/src/components/email_button.rs
@@ -50,6 +50,7 @@ pub fn EmailButton(props: &EmailButtonProps) -> Html {
     let tooltip_css = css! {
         & {
             position: relative;
+            font-size: 24px;
         }
 
         & > #wrapper {
@@ -76,8 +77,8 @@ pub fn EmailButton(props: &EmailButtonProps) -> Html {
             padding: 10px;
             border-radius: 5px;
             left: 120px;
-            top: -30px;
-            transform: translateX(-50%);
+            top: -0px;
+            transform: translateX(-50%) translateY(-100%);
         }
 
         &:hover::before {
@@ -129,7 +130,7 @@ pub fn EmailButton(props: &EmailButtonProps) -> Html {
                 if !is_mobile {
                     <span
                         class={tooltip_css}
-                        data-tooltip="an anti-spam measure">
+                        data-tooltip="my email is shy">
                         <span id="wrapper">
                             <Icon
                                 mask={IconMask::Question}