From 403cfebe3a1e34ff89f426e29614d60e0e3e2d79 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Mon, 30 May 2022 09:44:08 -0500
Subject: [PATCH] better organizing the conversations

---
 .../desktop/src/components/FooterControls.tsx | 48 ++++++++++---------
 1 file changed, 26 insertions(+), 22 deletions(-)

diff --git a/packages/desktop/src/components/FooterControls.tsx b/packages/desktop/src/components/FooterControls.tsx
index 5f365ce..e515c4e 100644
--- a/packages/desktop/src/components/FooterControls.tsx
+++ b/packages/desktop/src/components/FooterControls.tsx
@@ -91,28 +91,32 @@ export default function FooterControls() {
         </Stack>
 
         {selectedConversation && (
-          <Stack
-            direction={'row'}
-            sx={{
-              flex: 1,
-              mx: 'auto',
-              WebkitAppRegion: 'drag',
-              cursor: 'pointer',
-            }}
-            alignItems={'center'}
-            justifyContent={'flex-start'}
-          >
-            <IconButton color="primary" size="small">
-              <FiSun />
-            </IconButton>
+          <>
+            <Stack
+              direction={'row'}
+              sx={{
+                flex: 1,
+                mx: 'auto',
 
-            <Box sx={{ color: 'GrayText' }}>
-              <ConversationLabel
-                users={selectedConversation.userCache ?? []}
-                conversationName={selectedConversation.name}
-                isSelected={true}
-              />
-            </Box>
+                WebkitAppRegion: 'drag',
+                cursor: 'pointer',
+              }}
+              alignItems={'center'}
+              justifyContent={'center'}
+              spacing={1}
+            >
+              <IconButton color="primary" size="small">
+                <FiSun />
+              </IconButton>
+
+              <Box sx={{ color: 'GrayText' }}>
+                <ConversationLabel
+                  users={selectedConversation.userCache ?? []}
+                  conversationName={selectedConversation.name}
+                  isSelected={true}
+                />
+              </Box>
+            </Stack>
 
             <AvatarGroup variant={'rounded'}>
               {selectedConversation.userCache?.map((conversationUser, index) => (
@@ -130,7 +134,7 @@ export default function FooterControls() {
                 />
               ))}
             </AvatarGroup>
-          </Stack>
+          </>
         )}
 
         {/* todo: add a third mode which is when toggle broadcasting */}