From 0f9c2e3c05fa4c749c926ab686b0d421718d5cf9 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Sat, 28 May 2022 02:14:22 -0500
Subject: [PATCH] adding tooltips and spacing fixes

---
 packages/desktop/src/components/Terminal.tsx | 24 +++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/packages/desktop/src/components/Terminal.tsx b/packages/desktop/src/components/Terminal.tsx
index 8b5cfb9..ff03e1c 100644
--- a/packages/desktop/src/components/Terminal.tsx
+++ b/packages/desktop/src/components/Terminal.tsx
@@ -18,12 +18,14 @@ import {
   ListSubheader,
   Paper,
   Stack,
+  Tooltip,
   Typography,
 } from '@mui/material';
 import NirvanaLogo from './NirvanaLogo';
 import { blueGrey } from '@mui/material/colors';
 import {
   FiActivity,
+  FiHeadphones,
   FiInbox,
   FiMonitor,
   FiMoreVertical,
@@ -76,6 +78,7 @@ export default function Terminal() {
             sx={{
               WebkitAppRegion: 'drag',
               cursor: 'pointer',
+              pb: 1,
             }}
           >
             <NirvanaLogo />
@@ -90,12 +93,21 @@ export default function Terminal() {
                 color: 'GrayText',
               }}
             >
-              <IconButton color="inherit" size="small">
-                <FiMonitor />
-              </IconButton>
-              <IconButton color="inherit" size="small">
-                <FiWind />
-              </IconButton>
+              <Tooltip title="Sound configuration">
+                <IconButton color="inherit" size="small">
+                  <FiHeadphones />
+                </IconButton>
+              </Tooltip>
+              <Tooltip title="Desktop modes">
+                <IconButton color="inherit" size="small">
+                  <FiMonitor />
+                </IconButton>
+              </Tooltip>
+              <Tooltip title="Flow state">
+                <IconButton color="inherit" size="small">
+                  <FiWind />
+                </IconButton>
+              </Tooltip>
             </Stack>
             <Avatar
               alt={'Arjun Patel'}