From 7d7876bb3387fda9a4900f012b9e87c6ebe8f3bd Mon Sep 17 00:00:00 2001
From: Alex <40072887+alexdcrane@users.noreply.github.com>
Date: Wed, 6 Aug 2025 16:03:00 -0700
Subject: [PATCH] Dashboard - Add additional row span for detail expand button
 (#7450)

* Dashboard - Add additional row span for detail expand button

* Update css.php

* Update template.php
---
 core/dashboard/index.php    | 10 ++++++++--
 themes/default/css.php      |  6 +++---
 themes/default/template.php |  2 +-
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/core/dashboard/index.php b/core/dashboard/index.php
index 8b23c8dc72..88809d946f 100644
--- a/core/dashboard/index.php
+++ b/core/dashboard/index.php
@@ -405,12 +405,18 @@ foreach ($dashboard as $row) {
 			echo "	height: 195px;\n";
 			echo "}\n";
 	}
+	$row_span = $row['dashboard_row_span'] * 4;
+	$expanded_row_span = $row_span + 13;
+	if ($row['dashboard_details_state'] === "expanded" || $row['dashboard_details_state'] === "contracted") {
+		$row_span += 1;
+		$expanded_row_span += 1;
+	}
 	if (!empty($row['dashboard_row_span'])) {
 		echo "#".$dashboard_id." {\n";
-		echo "	grid-row: span ".$row['dashboard_row_span'].";\n";
+		echo "	grid-row: span ".$row_span.";\n";
 		echo "}\n";
 		echo "#".$dashboard_id.".expanded {\n";
-		echo "	grid-row: span ".($row['dashboard_row_span'] + 3).";\n";
+		echo "	grid-row: span ".$expanded_row_span.";\n";
 		echo "}\n";
 	}
 	if (!empty($row['dashboard_column_span'])) {
diff --git a/themes/default/css.php b/themes/default/css.php
index 42975c4ffd..15ddbdc50a 100644
--- a/themes/default/css.php
+++ b/themes/default/css.php
@@ -3134,7 +3134,7 @@ else { //default: white
 
 	@media(min-width: 1200px) {
 		div.hud_details {
-			height: 318px;
+			height: 345.5px;
 			display: block;
 			<?php
 			echo "background: ".($dashboard_detail_background_color[0] ?? '#ffffff').";\n";
@@ -3190,10 +3190,10 @@ else { //default: white
 		display: block;
 		clear: both;
 		background: <?=$dashboard_footer_background_color?>;
-		padding: 4px 0;
+		padding: 6px 0;
 		text-align: center;
 		width: 100%;
-		height: 25px;
+		height: 26.5px;
 		font-size: 13px;
 		line-height: 5px;
 		color: <?=$dashboard_footer_dots_color?>;
diff --git a/themes/default/template.php b/themes/default/template.php
index 5d373d8444..d962b13bb5 100644
--- a/themes/default/template.php
+++ b/themes/default/template.php
@@ -20,7 +20,7 @@
 	<link rel='stylesheet' type='text/css' href='{$project_path}/resources/bootstrap/css/bootstrap-tempusdominus.min.css.php'>
 	<link rel='stylesheet' type='text/css' href='{$project_path}/resources/bootstrap/css/bootstrap-colorpicker.min.css.php'>
 	<link rel='stylesheet' type='text/css' href='{$project_path}/resources/fontawesome/css/all.min.css.php'>
-	<link rel='stylesheet' type='text/css' href='{$project_path}/themes/default/css.php?updated=202507301100'>
+	<link rel='stylesheet' type='text/css' href='{$project_path}/themes/default/css.php?updated=202508060330'>
 {*//link to custom css file *}
 	{if !empty($settings.theme.custom_css)}
 		<link rel='stylesheet' type='text/css' href='{$settings.theme.custom_css}'>