diff --git a/src/components/HelpLabel.svelte b/src/components/HelpLabel.svelte index c05a688b..72b83f55 100644 --- a/src/components/HelpLabel.svelte +++ b/src/components/HelpLabel.svelte @@ -29,7 +29,7 @@ .tooltip { - @apply absolute -right-1 max-w-[480px] w-max break-words ring-2 ring-secondary/5 invisible bg-white rounded-lg p-2 shadow-lg top-0 translate-y-[calc(-100%-8px)] transition-all duration-300 opacity-0; + @apply absolute -right-1 max-w-[100%] w-max break-words ring-2 ring-secondary/5 invisible bg-white rounded-lg p-2 shadow-lg top-0 translate-y-[calc(-100%-8px)] transition-all duration-300 opacity-0; } .tooltip-opener:hover .tooltip { diff --git a/src/style/global.css b/src/style/global.css index 31fccb38..3dea9a51 100644 --- a/src/style/global.css +++ b/src/style/global.css @@ -53,7 +53,7 @@ body{ .button { - @apply w-full h-[38px] px-4 py-2 bg-secondary ring-2 ring-secondary/25 rounded-md text-white text-nowrap + @apply w-full h-[38px] px-4 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary }