From d11735b04c5734e0a8138fc8bd1b588efea9d5d8 Mon Sep 17 00:00:00 2001
From: Bettenbuk Zoltan <zoltan.bettenbuk@gmail.com>
Date: Mon, 21 Oct 2019 17:31:44 +0200
Subject: [PATCH] feat: make the hangup button first

---
 css/_mini_toolbox.scss                        | 21 +++++++++++--------
 .../filmstrip/components/web/Toolbar.js       |  6 +++---
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/css/_mini_toolbox.scss b/css/_mini_toolbox.scss
index 28cdc9680..ba52a9b54 100644
--- a/css/_mini_toolbox.scss
+++ b/css/_mini_toolbox.scss
@@ -17,15 +17,6 @@
             cursor: initial;
         }
     }
-
-    .toolbox-button {
-        &:nth-child(2) {
-            svg {
-                fill: $hangupColor;
-            }
-        }
-    }
-
 }
 
 .always-on-top-toolbox {
@@ -43,6 +34,12 @@
             }
         }
 
+        &:nth-child(2) {
+            svg {
+                fill: $hangupColor;
+            }
+        }
+
         &:last-child {
             .toolbox-icon {
                 border-top-right-radius: 3px;
@@ -56,6 +53,12 @@
     flex-direction: column;
 
     .toolbox-button {
+        &:nth-child(1) {
+            svg {
+                fill: $hangupColor;
+            }
+        }
+
         .toolbox-icon {
             border-radius: 3px;
         }
diff --git a/react/features/filmstrip/components/web/Toolbar.js b/react/features/filmstrip/components/web/Toolbar.js
index 6ad3a9693..5499ddf7d 100644
--- a/react/features/filmstrip/components/web/Toolbar.js
+++ b/react/features/filmstrip/components/web/Toolbar.js
@@ -40,12 +40,12 @@ class Toolbar extends Component<Props> {
             <div
                 className = 'filmstrip-toolbox'
                 id = 'new-toolbox'>
-                <AudioMuteButton
-                    tooltipPosition = 'left'
-                    visible = { this._shouldShowButton('microphone') } />
                 <HangupButton
                     tooltipPosition = 'left'
                     visible = { this._shouldShowButton('hangup') } />
+                <AudioMuteButton
+                    tooltipPosition = 'left'
+                    visible = { this._shouldShowButton('microphone') } />
                 <VideoMuteButton
                     tooltipPosition = 'left'
                     visible = { this._shouldShowButton('camera') } />