layout adjustments

Modules/DankDash/Overview/UserInfoCard.qml

@@ -9,9 +9,9 @@ Card {
 
     Row {
         anchors.left: parent.left
-        anchors.leftMargin: Theme.spacingL
+        anchors.leftMargin: Theme.spacingM
         anchors.verticalCenter: parent.verticalCenter
-        spacing: Theme.spacingL
+        spacing: Theme.spacingM
 
         Item {
             id: avatarContainer
@@ -101,6 +101,8 @@ Card {
                 font.pixelSize: Theme.fontSizeLarge
                 font.weight: Font.Medium
                 color: Theme.surfaceText
+                elide: Text.ElideRight
+                width: parent.parent.parent.width - avatarContainer.width - Theme.spacingM * 3
             }
             
             Row {
@@ -122,6 +124,8 @@ Card {
                     font.pixelSize: Theme.fontSizeSmall
                     color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.8)
                     anchors.verticalCenter: parent.verticalCenter
+                    elide: Text.ElideRight
+                    width: parent.parent.parent.parent.width - avatarContainer.width - Theme.spacingM * 3 - 16 - Theme.spacingS
                 }
             }
             
@@ -136,10 +140,26 @@ Card {
                 }
 
                 StyledText {
-                    text: UserInfoService.uptime || "up 1 hour, 23 minutes"
+                    id: uptimeText
+                    
+                    property real availableWidth: parent.parent.parent.parent.width - avatarContainer.width - Theme.spacingM * 3 - 16 - Theme.spacingS
+                    property real longTextWidth: {
+                        const testMetrics = Qt.createQmlObject('import QtQuick; TextMetrics { font.pixelSize: ' + Theme.fontSizeSmall + ' }', uptimeText)
+                        testMetrics.text = UserInfoService.uptime || "up 1 hour, 23 minutes"
+                        const result = testMetrics.width
+                        testMetrics.destroy()
+                        return result
+                    }
+                    // Just using truncated is always true initially idk
+                    property bool shouldUseShort: longTextWidth > availableWidth
+                    
+                    text: shouldUseShort ? UserInfoService.shortUptime : UserInfoService.uptime || "up 1h 23m"
                     font.pixelSize: Theme.fontSizeSmall
                     color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
                     anchors.verticalCenter: parent.verticalCenter
+                    elide: Text.ElideRight
+                    width: availableWidth
+                    wrapMode: Text.NoWrap
                 }
             }
         }

Modules/DankDash/Overview/WeatherOverviewCard.qml

@@ -40,8 +40,10 @@ Card {
     }
 
     Row {
-        anchors.centerIn: parent
+        anchors.left: parent.left
-        spacing: Theme.spacingM
+        anchors.leftMargin: Theme.spacingL
+        anchors.verticalCenter: parent.verticalCenter
+        spacing: Theme.spacingL
         visible: WeatherService.weather.available && WeatherService.weather.temp !== 0
         
         DankIcon {
@@ -69,9 +71,11 @@ Card {
             }
             
             StyledText {
-                text: WeatherService.weather.city || "Unknown"
+                text: WeatherService.getWeatherCondition(WeatherService.weather.wCode)
                 font.pixelSize: Theme.fontSizeSmall
                 color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
+                elide: Text.ElideRight
+                width: parent.parent.parent.width - 48 - Theme.spacingL * 2
             }
         }
     }

Modules/DankDash/OverviewTab.qml

@@ -18,24 +18,24 @@ Item {
         ClockCard {
             x: 0
             y: 0
-            width: parent.width * 0.25 - Theme.spacingM * 2
+            width: parent.width * 0.2 - Theme.spacingM * 2
             height: 180
         }
 
         // Weather - top middle-left (narrower)
         WeatherOverviewCard {
-            x: SettingsData.weatherEnabled ? parent.width * 0.25 - Theme.spacingM : 0
+            x: SettingsData.weatherEnabled ? parent.width * 0.2 - Theme.spacingM : 0
             y: 0
-            width: SettingsData.weatherEnabled ? parent.width * 0.25 : 0
+            width: SettingsData.weatherEnabled ? parent.width * 0.3 : 0
             height: 100
             visible: SettingsData.weatherEnabled
         }
 
         // UserInfo - top middle-right (extend when weather disabled)
         UserInfoCard {
-            x: SettingsData.weatherEnabled ? parent.width * 0.5 : parent.width * 0.25 - Theme.spacingM
+            x: SettingsData.weatherEnabled ? parent.width * 0.5 : parent.width * 0.2 - Theme.spacingM
             y: 0
-            width: SettingsData.weatherEnabled ? parent.width * 0.5 : parent.width * 0.75
+            width: SettingsData.weatherEnabled ? parent.width * 0.5 : parent.width * 0.8
             height: 100
         }
 
@@ -43,15 +43,15 @@ Item {
         SystemMonitorCard {
             x: 0
             y: 180 + Theme.spacingM
-            width: parent.width * 0.25 - Theme.spacingM * 2
+            width: parent.width * 0.2 - Theme.spacingM * 2
             height: 220
         }
 
         // Calendar - bottom middle (wider and taller)
         CalendarOverviewCard {
-            x: parent.width * 0.25 - Theme.spacingM
+            x: parent.width * 0.2 - Theme.spacingM
             y: 100 + Theme.spacingM
-            width: parent.width * 0.55
+            width: parent.width * 0.6
             height: 300
         }
 

Services/UserInfoService.qml

@@ -13,6 +13,7 @@ Singleton {
     property string fullName: ""
     property string profilePicture: ""
     property string uptime: ""
+    property string shortUptime: ""
     property string hostname: ""
     property bool profileAvailable: false
 
@@ -95,6 +96,19 @@ Singleton {
                 } else {
                     root.uptime = `up ${seconds} seconds`
                 }
+
+                // Create short uptime format
+                let shortUptime = "up"
+                if (days > 0) {
+                    shortUptime += ` ${days}d`
+                }
+                if (hours > 0) {
+                    shortUptime += ` ${hours}h`
+                }
+                if (minutes > 0) {
+                    shortUptime += ` ${minutes}m`
+                }
+                root.shortUptime = shortUptime
             }
         }
     }

Services/WeatherService.qml

@@ -112,6 +112,40 @@ Singleton {
         return iconMap[String(code)] || "cloud"
     }
     
+    function getWeatherCondition(code) {
+        const conditions = {
+            "0": "Clear",
+            "1": "Clear", 
+            "2": "Partly cloudy",
+            "3": "Overcast",
+            "45": "Fog",
+            "48": "Fog",
+            "51": "Drizzle",
+            "53": "Drizzle", 
+            "55": "Drizzle",
+            "56": "Freezing drizzle",
+            "57": "Freezing drizzle",
+            "61": "Light rain",
+            "63": "Rain",
+            "65": "Heavy rain", 
+            "66": "Light rain",
+            "67": "Heavy rain",
+            "71": "Light snow",
+            "73": "Snow",
+            "75": "Heavy snow",
+            "77": "Snow",
+            "80": "Light rain",
+            "81": "Rain",
+            "82": "Heavy rain",
+            "85": "Light snow showers",
+            "86": "Heavy snow showers",
+            "95": "Thunderstorm",
+            "96": "Thunderstorm with hail",
+            "99": "Thunderstorm with hail"
+        }
+        return conditions[String(code)] || "Unknown"
+    }
+    
     function formatTime(isoString) {
         if (!isoString) return "--"
         

shell.qml

@@ -1,4 +1,3 @@
-//@ pragma Env QS_NO_RELOAD_POPUP=1
 //@ pragma Env QSG_RENDER_LOOP=threaded
 //@ pragma UseQApplication
 import QtQuick