mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-20 14:52:13 +00:00
handle the case when there is no icon or label in action button
This commit is contained in:
parent
67aae60b8d
commit
842d702187
1 changed files with 9 additions and 3 deletions
|
|
@ -1,8 +1,8 @@
|
|||
.action-button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
align-items: stretch;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--color-surfacedarker60);
|
||||
|
|
@ -10,8 +10,13 @@
|
|||
|
||||
.icon {
|
||||
flex: none;
|
||||
flex-basis: 35%;
|
||||
flex-basis: 50%;
|
||||
padding-top: 10%;
|
||||
fill: var(--color-surfacelighter);
|
||||
|
||||
&:only-child {
|
||||
padding: 5% 0;
|
||||
}
|
||||
}
|
||||
|
||||
.label-container {
|
||||
|
|
@ -22,6 +27,7 @@
|
|||
align-items: center;
|
||||
|
||||
.label {
|
||||
flex: 1;
|
||||
padding: 0 0.2rem;
|
||||
max-height: 2.4em;
|
||||
text-align: center;
|
||||
|
|
|
|||
Loading…
Reference in a new issue