From e60457dd0107e96caff3861198f70720b5a76a2d Mon Sep 17 00:00:00 2001 From: Alex Gleason Date: Thu, 17 Sep 2020 22:59:23 -0500 Subject: [PATCH] Chat notifs: shrink toggle --- app/styles/chats.scss | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/app/styles/chats.scss b/app/styles/chats.scss index aced3d0a7..6cb6ef929 100644 --- a/app/styles/chats.scss +++ b/app/styles/chats.scss @@ -96,29 +96,39 @@ } .audio-toggle .react-toggle-thumb { - height: 21px; - width: 21px; + height: 14px; + width: 14px; border: 1px solid var(--brand-color--med); } .audio-toggle .react-toggle { - height: 23px; + height: 16px; top: 4px; } .audio-toggle .react-toggle-track { - height: 23px; + height: 16px; + width: 34px; background-color: var(--accent-color); } .audio-toggle .react-toggle-track-check { + left: 4px; bottom: 4px; } + .react-toggle--checked .react-toggle-thumb { + left: 19px; + } + .audio-toggle .react-toggle-track-x { + right: 4px; bottom: 4px; } + .fa { + font-size: 14px; + } } .chat-messages {