bring it down

Vonage · Feb 25, 2025 · 1fe7848 · 1fe7848
1 parent e0962ac
commit 1fe7848
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/frontend/src/components/MeetingRoom/ArchivingToggle/ArchivingToggle.tsx b/frontend/src/components/MeetingRoom/ArchivingToggle/ArchivingToggle.tsx
@@ -80,6 +80,9 @@ const ArchivingToggle = (): ReactElement => {
               style={{ color: `${isRecording ? 'rgb(239 68 68)' : 'white'}` }}
             />
           }
+          sx={{
+            marginTop: isSmallViewport ? '0px' : '4px',
+          }}
           isSmallViewPort={isSmallViewport}
         />
       </Tooltip>

diff --git a/frontend/src/components/MeetingRoom/EmojiGridButton/EmojiGridButton.tsx b/frontend/src/components/MeetingRoom/EmojiGridButton/EmojiGridButton.tsx
@@ -43,6 +43,9 @@ const EmojiGridButton = ({
           }
           ref={anchorRef}
           data-testid="emoji-grid-toggle"
+          sx={{
+            marginTop: isSmallViewport ? '0px' : '4px',
+          }}
           isSmallViewPort={isSmallViewport}
         />
       </Tooltip>

diff --git a/frontend/src/components/MeetingRoom/LayoutToggleButton/LayoutToggleButton.tsx b/frontend/src/components/MeetingRoom/LayoutToggleButton/LayoutToggleButton.tsx
@@ -53,6 +53,7 @@ const LayoutToggleButton = ({
         }
         sx={{
           cursor: isScreenSharePresent ? 'not-allowed' : 'pointer',
+          marginTop: isSmallViewport ? '0px' : '4px',
         }}
         isSmallViewPort={isSmallViewport}
       />
-Original file line number
+Diff line change
@@ Expand Up / @@ -53,6 +53,7 @@ const LayoutToggleButton = ({ @@
             }
             sx={{
               cursor: isScreenSharePresent ? 'not-allowed' : 'pointer',
+              marginTop: isSmallViewport ? '0px' : '4px',
             }}
             isSmallViewPort={isSmallViewport}
           />
@@ Expand Down @@