From 08599efd7877423caa953947dc0dffebaf74573a Mon Sep 17 00:00:00 2001
From: jelveh <nj@puter.com>
Date: Sat, 6 Dec 2025 21:31:46 -0800
Subject: [PATCH] Adjust recent apps display and update dashboard styles

---
 src/gui/src/UI/Dashboard/TabHome.js | 12 +++++-------
 src/gui/src/css/style.css           |  9 ++++-----
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/gui/src/UI/Dashboard/TabHome.js b/src/gui/src/UI/Dashboard/TabHome.js
index cb7a3058f..6cd33a03a 100644
--- a/src/gui/src/UI/Dashboard/TabHome.js
+++ b/src/gui/src/UI/Dashboard/TabHome.js
@@ -29,19 +29,17 @@ function buildRecentAppsHTML () {
     
     if ( window.launch_apps?.recent?.length > 0 ) {
         h += '<div class="bento-recent-apps-grid">';
-        // if name === title === uuid, then app title will be the hostname of index_url
-        // otherwise, use the title
-        for ( const app_info of window.launch_apps.recent ) {
-            if ( app_info.name === app_info.title === app_info.uuid  && app_info.index_url ) {
-                app_info.title = new URL(app_info.index_url).hostname;
-            }
-        }
 
         // Show up to 6 recent apps
         const recentApps = window.launch_apps.recent.slice(0, 6);
         for ( const app_info of recentApps ) {
             h += `<div class="bento-recent-app" data-app-name="${html_encode(app_info.name)}">`;
             h += `<img class="bento-recent-app-icon" src="${html_encode(app_info.icon || window.icons['app.svg'])}">`;
+
+            // if title is the same as name, then show the hostname of index_url
+            if ( app_info.name === app_info.title === app_info.uuid && app_info.index_url ) {
+                app_info.title = new URL(app_info.index_url).hostname;
+            }
             h += `<span class="bento-recent-app-title">${html_encode(app_info.title)}</span>`;
             h += '</div>';
         }
diff --git a/src/gui/src/css/style.css b/src/gui/src/css/style.css
index cd5521a7f..02ecab70a 100644
--- a/src/gui/src/css/style.css
+++ b/src/gui/src/css/style.css
@@ -5664,11 +5664,11 @@ fieldset[name=number-code] {
     transition: transform 0.15s ease;
 }
 .dashboard-app-card .start-app:hover {
-    transform: scale(1.1);
+    transform: scale(1.05);
 }
 
 .dashboard-app-title {
-    font-size: 12px;
+    font-size: 13px;
     color: #333;
     text-align: center;
     white-space: nowrap;
@@ -5924,7 +5924,7 @@ fieldset[name=number-code] {
 
 .bento-recent-app:hover {
     background: none !important;
-    transform: scale(1.1);
+    transform: scale(1.05);
 }
 
 .bento-recent-app:active {
@@ -5939,14 +5939,13 @@ fieldset[name=number-code] {
 }
 
 .bento-recent-app-title {
-    font-size: 12px;
+    font-size: 13px;
     color: #333;
     text-align: center;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 100%;
-    font-weight: 500;
 }
 
 /* Empty state for recent apps */