From 30f0536b005d964a0b1403026f0673e5c1b49a60 Mon Sep 17 00:00:00 2001
From: roberts <w.r.tx@icloud.com>
Date: Sun, 15 Mar 2026 00:41:45 -0500
Subject: [PATCH] Make hidden files toggle button more visible

The middle-dot character was too small at 14px. Use a larger period
with explicit 20px font size so the button is actually visible in
the toolbar.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/js/apps/files.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/js/apps/files.js b/frontend/js/apps/files.js
index 63f8814..307fea7 100644
--- a/frontend/js/apps/files.js
+++ b/frontend/js/apps/files.js
@@ -424,8 +424,8 @@
 
             // Toggle hidden files
             const hiddenBtn = document.createElement('button');
-            hiddenBtn.className = 'files-action-btn' + (showHidden ? ' active' : '');
-            hiddenBtn.textContent = '·';
+            hiddenBtn.className = 'files-action-btn files-hidden-toggle' + (showHidden ? ' active' : '');
+            hiddenBtn.innerHTML = '<span style="font-size:20px;line-height:1;">.</span>';
             hiddenBtn.title = 'Show Hidden Files';
             hiddenBtn.addEventListener('click', () => {
                 showHidden = !showHidden;