diff --git a/public/css/style.css b/public/css/style.css index 37bc33f..a512207 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -2751,7 +2751,21 @@ input:checked+.slider:before { .filings { display: flex; align-items: center; - gap: 20px; + gap: 12px; +} + +.filing-sep { + display: none; + width: 1px; + height: 12px; + background: var(--text-muted); + opacity: 0.3; +} + +@media (min-width: 768px) { + .filing-sep { + display: block; + } } .filings a { diff --git a/public/index.html b/public/index.html index e4919d5..5eb6200 100644 --- a/public/index.html +++ b/public/index.html @@ -412,9 +412,9 @@
+
diff --git a/public/js/app.js b/public/js/app.js index be39672..68d6539 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -2003,30 +2003,38 @@ } // Filing info - let hasFilings = false; + let hasPs = !!settings.ps_filing; + let hasIcp = !!settings.icp_filing; + if (dom.psFilingDisplay) { - if (settings.ps_filing) { + if (hasPs) { if (dom.psFilingText) dom.psFilingText.textContent = settings.ps_filing; dom.psFilingDisplay.style.display = 'inline-block'; - hasFilings = true; } else { dom.psFilingDisplay.style.display = 'none'; } } if (dom.icpFilingDisplay) { - if (settings.icp_filing) { + if (hasIcp) { dom.icpFilingDisplay.textContent = settings.icp_filing; dom.icpFilingDisplay.style.display = 'inline-block'; - hasFilings = true; } else { dom.icpFilingDisplay.style.display = 'none'; } } + // Handle separator + const filingSep = document.querySelector('.filing-sep'); + if (filingSep) { + // Small adjustment: the CSS will handle the PC-only display, + // here we just handle the logical "both exist" requirement. + filingSep.style.display = (hasPs && hasIcp) ? '' : 'none'; + } + const footerContent = document.querySelector('.footer-content'); if (footerContent) { - footerContent.classList.toggle('only-copyright', !hasFilings); + footerContent.classList.toggle('only-copyright', !(hasPs || hasIcp)); } }