layout issues

frontend/src/components/chat/ChatPanel.tsx

@@ -30,7 +30,7 @@ const ChatPanelInner: React.FC = () => {
         sx={{
           width: COLLAPSED_WIDTH,
           height: '100%',
-          display: 'flex',
+          display: { xs: 'none', sm: 'flex' },
           flexDirection: 'column',
           alignItems: 'center',
           pt: 1,
@@ -89,7 +89,12 @@ const ChatPanelInner: React.FC = () => {
     <Paper
       elevation={2}
       sx={{
-        width: EXPANDED_WIDTH,
+        width: { xs: '100vw', sm: EXPANDED_WIDTH },
+        position: { xs: 'fixed', sm: 'relative' },
+        top: { xs: 0, sm: 'auto' },
+        right: { xs: 0, sm: 'auto' },
+        bottom: { xs: 0, sm: 'auto' },
+        zIndex: { xs: (theme) => theme.zIndex.drawer + 2, sm: 'auto' },
         height: '100%',
         display: 'flex',
         flexDirection: 'column',

frontend/src/components/dashboard/DashboardLayout.tsx

@@ -41,6 +41,7 @@ function DashboardLayoutInner({ children }: DashboardLayoutProps) {
           minHeight: '100vh',
           backgroundColor: 'background.default',
           transition: 'width 225ms cubic-bezier(0.4, 0, 0.6, 1)',
+          minWidth: 0,
         }}
       >
         <Toolbar />

frontend/src/components/shared/Header.tsx

@@ -139,9 +139,21 @@ function Header({ onMenuClick }: HeaderProps) {
                     aria-label="FF Rems Tools"
                     aria-controls="tools-menu"
                     aria-haspopup="true"
+                    sx={{ display: { xs: 'none', sm: 'inline-flex' } }}
                   >
                     FF Rems Tools
                   </Button>
+                <Tooltip title="FF Rems Tools">
+                  <IconButton
+                    color="inherit"
+                    onClick={handleToolsOpen}
+                    size="small"
+                    aria-label="FF Rems Tools"
+                    sx={{ display: { xs: 'inline-flex', sm: 'none' } }}
+                  >
+                    <Launch />
+                  </IconButton>
+                </Tooltip>
 
                 <Menu
                   id="tools-menu"