Chat: fix open/close icon and status alignment

This commit is contained in:
Felix Niklas 2017-12-16 13:57:12 +01:00
parent 34c14a22b5
commit 6cd203a050
2 changed files with 12 additions and 4 deletions

View file

@ -71,8 +71,11 @@
height: 100%; height: 100%;
width: 3.4em; width: 3.4em;
text-align: center; text-align: center;
line-height: 3.5em; line-height: 3.4em;
cursor: pointer; } cursor: pointer; }
.zammad-chat-header-icon:before {
content: "";
display: inline-block; }
.zammad-chat-header-icon-open, .zammad-chat-header-icon-open,
.zammad-chat-header-icon-close { .zammad-chat-header-icon-close {
@ -107,7 +110,7 @@
font-weight: bold; } font-weight: bold; }
.zammad-chat-agent-status { .zammad-chat-agent-status {
margin: 0 1em; margin: 0.25em 1em;
display: inline-block; display: inline-block;
line-height: 2em; line-height: 2em;
padding: 0 .7em; padding: 0 .7em;

View file

@ -80,8 +80,13 @@
height: 100%; height: 100%;
width: 3.4em; width: 3.4em;
text-align: center; text-align: center;
line-height: 3.5em; line-height: 3.4em;
cursor: pointer; cursor: pointer;
&:before { // force the icon to align to center
content: "";
display: inline-block;
}
} }
.zammad-chat-header-icon-open, .zammad-chat-header-icon-open,
@ -125,7 +130,7 @@
} }
.zammad-chat-agent-status { .zammad-chat-agent-status {
margin: 0 1em; margin: 0.25em 1em;
display: inline-block; display: inline-block;
line-height: 2em; line-height: 2em;
padding: 0 .7em; padding: 0 .7em;