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 <pikachuexe@gmail.com>

---------

Co-authored-by: PikachuEXE <pikachuexe@gmail.com>
This commit is contained in:
Jason 2023-09-20 19:14:34 +00:00 committed by GitHub
parent 529402638a
commit 9d80737907
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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;
}