adjust font size on desktop

Author: AnthonyGress

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lab-dash-frontend",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "private": true,
   "scripts": {
     "dev": "vite --host",

frontend/src/components/dashboard/base-items/apps/AppShortcut.tsx

@@ -18,14 +18,14 @@ export const AppShortcut = ({ url, name, iconName, showLabel, editMode }: Props)
 
     // Calculate font size based on name length
     const fontSize = useMemo(() => {
-        if (!name) return isMobile ? '1rem' : '1.2rem';
+        if (!name) return  '1rem';
 
         // Adjust font size based on text length
         if (name.length > 20) return isMobile ? '0.7rem' : '0.8rem';
         if (name.length > 15) return isMobile ? '0.8rem' : '0.9rem';
         if (name.length > 10) return isMobile ? '0.9rem' : '1rem';
 
-        return isMobile ? '1rem' : '1.2rem';
+        return  '1rem';
     }, [name, isMobile]);
 
     // Content to render inside the shortcut component
@@ -67,7 +67,7 @@ export const AppShortcut = ({ url, name, iconName, showLabel, editMode }: Props)
                             WebkitLineClamp: 2,
                             WebkitBoxOrient: 'vertical',
                             wordBreak: 'break-word',
-                            maxWidth: '100%',
+                            width: '100%',
                             lineHeight: 1.2
                         }}
                     >

package.json

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