From 49038d7b87cac8ebb3ebabd0a71af56d8cac1053 Mon Sep 17 00:00:00 2001
From: labmecanicatec <58854556+labmecanicatec@users.noreply.github.com>
Date: Wed, 18 Jun 2025 21:12:28 -0700
Subject: [PATCH] refactor: monitor-display.css & monitor-display-schedule.tpl

disable monitor-display.css & restyle monitor-display-schedule.tpl
using Bootstrap 5

Prevented monitor-display.css from loading to reduce style conflicts
and improve maintainability.

Replaced custom styles in
tpl\MonitorDisplay\monitor-display-schedule.tpl with Bootstrap 5
classes, resulting in a cleaner layout and better UI consistency with
the rest of the application.
---
 .../monitor-display-schedule.tpl              | 40 ++++++++++---------
 tpl/MonitorDisplay/monitor-display.tpl        |  2 +-
 2 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/tpl/MonitorDisplay/monitor-display-schedule.tpl b/tpl/MonitorDisplay/monitor-display-schedule.tpl
index ee7f99312..67b264a8c 100644
--- a/tpl/MonitorDisplay/monitor-display-schedule.tpl
+++ b/tpl/MonitorDisplay/monitor-display-schedule.tpl
@@ -56,25 +56,27 @@
 {else}
     {assign var=TodaysDate value=Date::Now()}
     {foreach from=$BoundDates item=date}
-        <div class="monitor-display-date">{formatdate date=$date}</div>
-        {foreach from=$Resources item=resource name=resource_loop}
-            {if $resource->HasColor()}{assign var=style value="color:{$resource->GetTextColor()}
-!important;background-color:{$resource->GetColor()} !important;"}{/if}
-            <div class="monitor-display-resource-name">{$resource->Name}</div>
-            {assign var=slots value=$DailyLayout->GetLayout($date, $resource->Id)}
-            {foreach from=$slots item=slot}
-                {if $slot->IsReserved()}
-                    <div class="reserved" style="{$style}">
-                        {formatdate date=$slot->BeginDate() key=period_time} -
-                        {assign var=slotformat value=period_time}
-                        {if !$slot->BeginDate()->DateEquals($slot->EndDate())}
-                            {assign var=slotformat value=short_reservation_date}
-                        {/if}
-                        {formatdate date=$slot->EndDate() key=$slotformat}
-                        {$slot->Label($SlotLabelFactory)|escapequotes}
-                    </div>
-                {/if}
+        <div class="alert alert-light">
+            <div class="monitor-display-date fw-bold fs-5">{formatdate date=$date}</div>
+            {foreach from=$Resources item=resource name=resource_loop}
+                {if $resource->HasColor()}{assign var=style value="color:{$resource->GetTextColor()}!important;background-color:{$resource->GetColor()}
+    !important;"}{/if}
+                <div class="monitor-display-resource-name fw-bold fs-6">{$resource->Name}</div>
+                {assign var=slots value=$DailyLayout->GetLayout($date, $resource->Id)}
+                {foreach from=$slots item=slot}
+                    {if $slot->IsReserved()}
+                        <div class="reserved rounded-1 p-1 mb-1" style="{$style}">
+                            {formatdate date=$slot->BeginDate() key=period_time} -
+                            {assign var=slotformat value=period_time}
+                            {if !$slot->BeginDate()->DateEquals($slot->EndDate())}
+                                {assign var=slotformat value=short_reservation_date}
+                            {/if}
+                            {formatdate date=$slot->EndDate() key=$slotformat}
+                            {$slot->Label($SlotLabelFactory)|escapequotes}
+                        </div>
+                    {/if}
+                {/foreach}
             {/foreach}
-        {/foreach}
+        </div>
     {/foreach}
 {/if}
\ No newline at end of file
diff --git a/tpl/MonitorDisplay/monitor-display.tpl b/tpl/MonitorDisplay/monitor-display.tpl
index bc5921116..351f2b839 100644
--- a/tpl/MonitorDisplay/monitor-display.tpl
+++ b/tpl/MonitorDisplay/monitor-display.tpl
@@ -1,4 +1,4 @@
-{include file='globalheader.tpl' HideNavBar=true cssFiles='css/schedule.css, css/monitor-display.css'}
+{include file='globalheader.tpl' HideNavBar=true cssFiles='css/schedule.css'}
 
 <div id="page-monitor-display">
     {if $Enabled}