Reserve more room for calling button labels
This commit is contained in:
parent
37cdc6e62d
commit
4038d781d6
1 changed files with 5 additions and 3 deletions
|
@ -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) {
|
||||||
|
|
Loading…
Reference in a new issue