From 02ec30b8ff75f0e3c75bafe232ae748cd4b6e01a Mon Sep 17 00:00:00 2001
From: hmuresan <horatiu.muresan@8x8.com>
Date: Mon, 26 Apr 2021 16:48:17 +0300
Subject: [PATCH] feat(aot): improve AOT UI/UX

---
 css/_mini_toolbox.scss                  | 7 ++++---
 css/_variables.scss                     | 2 --
 react/features/always-on-top/Toolbar.js | 2 +-
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/css/_mini_toolbox.scss b/css/_mini_toolbox.scss
index 00eec0e4a..7b4a4faad 100644
--- a/css/_mini_toolbox.scss
+++ b/css/_mini_toolbox.scss
@@ -8,11 +8,11 @@
     .toolbox-icon {
         cursor: pointer;
         padding: 7px;
-        width: 25px;
-        height : 25px;
+        width: 22px;
+        height : 22px;
 
         &.toggled {
-            background: $AOTToolbarButtonToggleColor;
+            background: none;
         }
 
         &.disabled {
@@ -27,6 +27,7 @@
     position: absolute;
     bottom: 10px;
     transform: translateX(-50%);
+    padding: 3px !important;
 }
 
 .filmstrip-toolbox {
diff --git a/css/_variables.scss b/css/_variables.scss
index 12e334e8d..650a0dca9 100644
--- a/css/_variables.scss
+++ b/css/_variables.scss
@@ -42,8 +42,6 @@ $presence-idle: rgb(172, 172, 172);
 $newToolbarBackgroundColor: #131519;
 $newToolbarButtonHoverColor: rgba(255, 255, 255, 0.2);
 $newToolbarButtonToggleColor: rgba(255, 255, 255, 0.15);
-$AOTToolbarButtonHoverColor: rgba(14, 20, 35, 0.6);
-$AOTToolbarButtonToggleColor: rgba(14, 20, 35, 1);
 $menuBG:#242528;
 $newToolbarFontSize: 24px;
 $newToolbarHangupFontSize: 32px;
diff --git a/react/features/always-on-top/Toolbar.js b/react/features/always-on-top/Toolbar.js
index bd042d192..80b6b103c 100644
--- a/react/features/always-on-top/Toolbar.js
+++ b/react/features/always-on-top/Toolbar.js
@@ -52,8 +52,8 @@ export default class Toolbar extends Component<Props> {
                 onMouseOut = { onMouseOut }
                 onMouseOver = { onMouseOver }>
                 <AudioMuteButton />
-                <HangupButton customClass = 'hangup-button' />
                 <VideoMuteButton />
+                <HangupButton customClass = 'hangup-button' />
             </div>
         );
     }