From d595f2331082a0e771ab4df88aac40d848e9d04f Mon Sep 17 00:00:00 2001
From: Jonathan Miller <jmiller-moko@noreply.git.mokoconsulting.tech>
Date: Tue, 23 Jun 2026 11:47:42 -0500
Subject: [PATCH] fix(cache-module): use Atum header-item structure for status
 bar items

Each item (domain, cache, temp) wrapped in proper header-item markup
with header-item-icon and header-item-text to match Joomla Atum CSS.
---
 .../tmpl/default.php                          | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/source/packages/mod_mokosuiteclient_cache/tmpl/default.php b/source/packages/mod_mokosuiteclient_cache/tmpl/default.php
index 3e6d57ec..c1614b1e 100644
--- a/source/packages/mod_mokosuiteclient_cache/tmpl/default.php
+++ b/source/packages/mod_mokosuiteclient_cache/tmpl/default.php
@@ -16,17 +16,24 @@ $tempUrl  = 'index.php?option=com_mokosuiteclient&task=display.clearTemp&format=
 $domain   = $domain ?? '';
 ?>
 
-<div class="header-item-content d-flex align-items-center gap-2">
-	<?php if ($domain): ?>
-	<span style="font-family:monospace;font-size:0.75rem;cursor:pointer;" id="mokosuiteclient-domain" title="Support key — click to copy"><?php echo htmlspecialchars($domain); ?></span>
-	<span class="text-muted">|</span>
-	<?php endif; ?>
-	<a href="#" class="d-flex align-items-center gap-1 text-decoration-none" id="mokosuiteclient-clear-cache" title="Clear all Joomla cache" style="font-size:0.8rem;">
-		<span class="icon-bolt" aria-hidden="true" id="mokosuiteclient-cache-icon"></span> Cache
+<?php if ($domain): ?>
+<div class="header-item">
+	<span class="header-item-content" id="mokosuiteclient-domain" title="Support key — click to copy" style="cursor:pointer;">
+		<div class="header-item-icon"><span class="icon-key" aria-hidden="true"></span></div>
+		<div class="header-item-text"><?php echo htmlspecialchars($domain); ?></div>
+	</span>
+</div>
+<?php endif; ?>
+<div class="header-item">
+	<a href="#" class="header-item-content" id="mokosuiteclient-clear-cache" title="Clear all Joomla cache">
+		<div class="header-item-icon"><span class="icon-bolt" aria-hidden="true" id="mokosuiteclient-cache-icon"></span></div>
+		<div class="header-item-text">Cache</div>
 	</a>
-	<span class="text-muted">|</span>
-	<a href="#" class="d-flex align-items-center gap-1 text-decoration-none" id="mokosuiteclient-clear-temp" title="Clear temp directory" style="font-size:0.8rem;">
-		<span class="icon-trash" aria-hidden="true" id="mokosuiteclient-temp-icon"></span> Temp
+</div>
+<div class="header-item">
+	<a href="#" class="header-item-content" id="mokosuiteclient-clear-temp" title="Clear temp directory">
+		<div class="header-item-icon"><span class="icon-trash" aria-hidden="true" id="mokosuiteclient-temp-icon"></span></div>
+		<div class="header-item-text">Temp</div>
 	</a>
 </div>