frontend: adjust padding & wordbreak for cta & action buttons

With the current setup, on smaller screens, buy & receive buttons have no proper padding. For action buttons, on smaller screens, the buttons have improper wordbreak causing them to look odd.
BitBoxSwiss · Feb 3, 2025 · 6c7c932 · 6c7c932
1 parent eb7ec05
commit 6c7c932
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/frontends/web/src/routes/account/account.module.css b/frontends/web/src/routes/account/account.module.css
@@ -34,6 +34,10 @@
     padding-bottom: 0;
 }
 
+.actionsContainer span {
+    word-break: normal;
+}
+
 .exchange,
 .receive,
 .walletConnect,

diff --git a/frontends/web/src/routes/account/info/buy-receive-cta.module.css b/frontends/web/src/routes/account/info/buy-receive-cta.module.css
@@ -12,3 +12,9 @@
 .walletConnect span {
     margin-left: var(--space-eight);
 }
+
+@media (max-width: 768px) {
+    .buttons button {
+        padding: var(--space-quarter);
+    }
+}