From 9d80737907f5756e69b5bb7f99acca9454cb7a2e Mon Sep 17 00:00:00 2001 From: Jason <84899178+jasonhenriquez@users.noreply.github.com> Date: Wed, 20 Sep 2023 19:14:34 +0000 Subject: [PATCH] Fix buttons intersecting on Subscribed Channels tab (#4058) * Fix buttons intersecting on Subscribed Channels tab in many languages Note that this can still occur if one of the words in 'Unsubscribe' is pretty big on smaller screen sizes, e.g., Svenska at 515px. This is because we allow the Unsubscribe button to be wider than the element itself, which is hard to change here without completely reworking the structure using (due to limitations with minmax being unable to have fit-content in a grid definition). * Update src/renderer/components/ft-subscribe-button/ft-subscribe-button.css Co-authored-by: PikachuEXE --------- Co-authored-by: PikachuEXE --- .../components/ft-subscribe-button/ft-subscribe-button.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/renderer/components/ft-subscribe-button/ft-subscribe-button.css b/src/renderer/components/ft-subscribe-button/ft-subscribe-button.css index 338ea7b35..4d2871b33 100644 --- a/src/renderer/components/ft-subscribe-button/ft-subscribe-button.css +++ b/src/renderer/components/ft-subscribe-button/ft-subscribe-button.css @@ -1,6 +1,8 @@ -.subscribeButton { +/* Ensures style here overrides style of .btn */ +.subscribeButton.btn { align-self: center; block-size: 50%; margin-block-end: 10px; min-inline-size: 150px; + white-space: initial; }