From ec42adfc24545cda975e85f11a794c47250ffa04 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Mon, 20 Jun 2022 10:43:51 -0500
Subject: [PATCH] cleaning up footer controls

---
 packages/desktop/src/tree/FooterControls.tsx | 71 +++++++-------------
 packages/desktop/src/tree/MainPanel.tsx      | 16 ++++-
 2 files changed, 41 insertions(+), 46 deletions(-)

diff --git a/packages/desktop/src/tree/FooterControls.tsx b/packages/desktop/src/tree/FooterControls.tsx
index d0cbacc..0b0ee21 100644
--- a/packages/desktop/src/tree/FooterControls.tsx
+++ b/packages/desktop/src/tree/FooterControls.tsx
@@ -122,56 +122,37 @@ export default function FooterControls() {
                 />
               ))}
             </AvatarGroup>
-
-            <Tooltip title="Paste image or link!">
-              <IconButton
-                sx={{
-                  color: 'white',
-                }}
-                size="small"
-              >
-                <FiLink />
-              </IconButton>
-            </Tooltip>
-
-            <Tooltip title="Show screen!">
-              <IconButton
-                sx={{
-                  color: 'white',
-                }}
-                size="small"
-              >
-                <FiAirplay />
-              </IconButton>
-            </Tooltip>
-
-            <Tooltip title="Show video!">
-              <IconButton
-                sx={{
-                  color: 'white',
-                }}
-                size="small"
-              >
-                <FiVideoOff />
-              </IconButton>
-            </Tooltip>
-
-            {/* todo: not speaking mode, speaking mode, locked in mode */}
-            <Tooltip title="Speak or toggle by clicking here!">
-              <IconButton
-                sx={{
-                  color: 'white',
-                }}
-                size="small"
-              >
-                <FiSun />
-              </IconButton>
-            </Tooltip>
           </Stack>
         )}
 
         <Stack sx={{ mt: 'auto' }} spacing={1} direction={'column'} alignItems={'center'}>
           <Divider orientation="horizontal" flexItem />
+
+          <Tooltip title="Show video!">
+            <IconButton
+              sx={{
+                color: 'white',
+              }}
+              size="small"
+            >
+              <FiVideoOff />
+            </IconButton>
+          </Tooltip>
+
+          {/* todo: not speaking mode, speaking mode, locked in mode */}
+          <Tooltip title="Speak or toggle by clicking here!">
+            <IconButton
+              sx={{
+                color: 'white',
+              }}
+              size="small"
+            >
+              <FiSun />
+            </IconButton>
+          </Tooltip>
+
+          <Divider orientation="horizontal" flexItem />
+
           <Tooltip title={'overlay mode'}>
             <Switch color="secondary" size="small" />
           </Tooltip>
diff --git a/packages/desktop/src/tree/MainPanel.tsx b/packages/desktop/src/tree/MainPanel.tsx
index 76ce0fe..4d4d004 100644
--- a/packages/desktop/src/tree/MainPanel.tsx
+++ b/packages/desktop/src/tree/MainPanel.tsx
@@ -13,7 +13,7 @@ import {
   Tooltip,
   Typography,
 } from '@mui/material';
-import { FiSun, FiUserPlus, FiZap } from 'react-icons/fi';
+import { FiAirplay, FiLink, FiSun, FiUserPlus, FiZap } from 'react-icons/fi';
 import React, { useEffect, useMemo, useRef } from 'react';
 
 import { Box } from '@mui/system';
@@ -102,6 +102,20 @@ function ConversationDetails({ masterConversation }: { masterConversation: Maste
             }}
             spacing={1}
           >
+            <Tooltip title="Paste image or link!">
+              <IconButton size="small">
+                <FiLink />
+              </IconButton>
+            </Tooltip>
+
+            <Tooltip title="Show screen!">
+              <IconButton size="small">
+                <FiAirplay />
+              </IconButton>
+            </Tooltip>
+
+            <Divider orientation={'vertical'} flexItem />
+
             <Tooltip title="Add to priority panel!">
               {isPriority ? (
                 <Fab size="small" color="primary">