From 6cd203a050cdb10654092850e6f230d6ff79d1e5 Mon Sep 17 00:00:00 2001 From: Felix Niklas Date: Sat, 16 Dec 2017 13:57:12 +0100 Subject: [PATCH] Chat: fix open/close icon and status alignment --- public/assets/chat/chat.css | 7 +++++-- public/assets/chat/chat.scss | 9 +++++++-- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/public/assets/chat/chat.css b/public/assets/chat/chat.css index 255fa5b7a..81d219049 100644 --- a/public/assets/chat/chat.css +++ b/public/assets/chat/chat.css @@ -71,8 +71,11 @@ height: 100%; width: 3.4em; text-align: center; - line-height: 3.5em; + line-height: 3.4em; cursor: pointer; } + .zammad-chat-header-icon:before { + content: ""; + display: inline-block; } .zammad-chat-header-icon-open, .zammad-chat-header-icon-close { @@ -107,7 +110,7 @@ font-weight: bold; } .zammad-chat-agent-status { - margin: 0 1em; + margin: 0.25em 1em; display: inline-block; line-height: 2em; padding: 0 .7em; diff --git a/public/assets/chat/chat.scss b/public/assets/chat/chat.scss index 64f0c4cca..2c85d78fc 100644 --- a/public/assets/chat/chat.scss +++ b/public/assets/chat/chat.scss @@ -80,8 +80,13 @@ height: 100%; width: 3.4em; text-align: center; - line-height: 3.5em; + line-height: 3.4em; cursor: pointer; + + &:before { // force the icon to align to center + content: ""; + display: inline-block; + } } .zammad-chat-header-icon-open, @@ -125,7 +130,7 @@ } .zammad-chat-agent-status { - margin: 0 1em; + margin: 0.25em 1em; display: inline-block; line-height: 2em; padding: 0 .7em;