Reserve more room for calling button labels

This commit is contained in:
Fedor Indutny 2022-06-14 13:03:12 -07:00 committed by GitHub
parent 37cdc6e62d
commit 4038d781d6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -17,6 +17,8 @@
justify-content: center; justify-content: center;
outline: none; outline: none;
width: 52px; width: 52px;
margin-left: 6px;
margin-right: 6px;
@mixin calling-button-icon($icon, $background-color, $icon-color) { @mixin calling-button-icon($icon, $background-color, $icon-color) {
background-color: $background-color; background-color: $background-color;
@ -154,9 +156,9 @@
&__container { &__container {
display: inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;
margin-left: 12px; margin-left: 6px;
margin-right: 12px; margin-right: 6px;
max-width: 52px; max-width: 64px;
transition: margin-left 0.3s ease-out, opacity 0.3s ease-out; transition: margin-left 0.3s ease-out, opacity 0.3s ease-out;
@media (prefers-reduced-motion) { @media (prefers-reduced-motion) {