handle the case when there is no icon or label in action button

This commit is contained in:
NikolaBorislavovHristov 2019-08-26 15:06:21 +03:00
parent 67aae60b8d
commit 842d702187

View file

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