abbreviate free and total on mobile to prevent overflow in disk mon

Author: AnthonyGress

frontend/src/components/dashboard/base-items/widgets/DiskMonitorWidget.tsx

@@ -285,22 +285,22 @@ export const DiskMonitorWidget = ({ config, editMode }: DiskMonitorWidgetProps)
                         sx={{
                             fontSize: '0.65rem',
                             color: 'white',
-                            minWidth: '80px'
+                            minWidth: isMobile ? '60px' : '80px'
                         }}
                     >
-                    Free: {formatSpace(displayFreeSpace)}
+                        {isMobile ? 'F:' : 'Free:'} {formatSpace(displayFreeSpace)}
                     </Typography>
                     <Typography
                         variant='caption'
                         sx={{
                             ml: 'auto',
                             color: 'white',
                             fontSize: '0.65rem',
-                            minWidth: '80px',
+                            minWidth: isMobile ? '60px' : '80px',
                             textAlign: 'right'
                         }}
                     >
-                    Total: {formatSpace(totalSpace)}
+                        {isMobile ? 'T:' : 'Total:'} {formatSpace(totalSpace)}
                     </Typography>
                 </Box>
             </Box>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "lab-dash",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "This is an open-source user interface designed to manage your server and homelab",
   "main": "index.js",
   "scripts": {