diff --git a/epicyon-profile.css b/epicyon-profile.css index e18fa067b..2264d2121 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -26,7 +26,8 @@ --font-size3: 38px; --font-size4: 22px; --font-size5: 20px; - --font-size-likes: 16px; + --font-size-likes: 20px; + --font-size-likes-mobile: 32px; --font-size-pgp-key: 16px; --font-size-pgp-key2: 8px; --font-size-tox: 16px; @@ -139,12 +140,6 @@ a:focus { float: right; } -.likesCount { - font-size: var(--font-size-likes); - font-family: Arial, Helvetica, sans-serif; - float: right; -} - .about { font-size: var(--font-size5); font-family: Arial, Helvetica, sans-serif; @@ -887,6 +882,14 @@ aside .toggle-inside li { } @media screen and (min-width: 400px) { + .likesCount { + font-size: var(--font-size-likes-mobile); + font-family: Arial, Helvetica, sans-serif; + float: right; + padding: 32px 0; + transform: translateX(-20px); + font-weight: bold; + } .container p.administeredby { font-size: var(--font-size-header); font-family: Arial, Helvetica, sans-serif; @@ -1328,6 +1331,14 @@ aside .toggle-inside li { } @media screen and (max-width: 1000px) { + .likesCount { + font-size: var(--font-size-likes); + font-family: Arial, Helvetica, sans-serif; + float: right; + padding: 10px 0; + transform: translateX(-20px); + font-weight: bold; + } .container p.administeredby { font-size: var(--font-size-tox2); font-family: Arial, Helvetica, sans-serif;