From 7dcf13ea5fa67533f8f2d65bc2dea0d1231c2cdf Mon Sep 17 00:00:00 2001
From: WolverinDEV <git@did.science>
Date: Wed, 6 Jan 2021 21:53:48 +0100
Subject: [PATCH] Fixed the control bar for the channel popout modal

---
 shared/js/ui/tree/popout/RendererModal.scss | 2 +-
 shared/js/ui/tree/popout/RendererModal.tsx  | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/shared/js/ui/tree/popout/RendererModal.scss b/shared/js/ui/tree/popout/RendererModal.scss
index c59ead6b..6022c0a4 100644
--- a/shared/js/ui/tree/popout/RendererModal.scss
+++ b/shared/js/ui/tree/popout/RendererModal.scss
@@ -23,7 +23,7 @@
         background-color: #454545;
 
         display: flex;
-        flex-direction: column;
+        flex-direction: row;
         justify-content: center;
 
         margin-bottom: 5px;
diff --git a/shared/js/ui/tree/popout/RendererModal.tsx b/shared/js/ui/tree/popout/RendererModal.tsx
index a034b129..a5aa6ecd 100644
--- a/shared/js/ui/tree/popout/RendererModal.tsx
+++ b/shared/js/ui/tree/popout/RendererModal.tsx
@@ -44,9 +44,7 @@ class ChannelTreeModal extends AbstractModal {
     renderBody(): React.ReactElement {
         return (
             <div className={cssStyle.container}>
-                <div className={cssStyle.containerControlBar}>
-                    <ControlBar2 events={this.eventsControlBar} className={cssStyle.containerControlBar} />
-                </div>
+                <ControlBar2 events={this.eventsControlBar} className={cssStyle.containerControlBar} />
                 <div className={cssStyle.containerChannelTree}>
                     <ChannelTreeRenderer events={this.eventsTree} handlerId={this.handlerId} />
                 </div>