Reduce logo and title size to prevent wrapping

- Reduce logo height from 40px to 28px
- Reduce logo right margin from 12px to 8px
- Reduce h1 font size from 1.2rem to 0.9rem
- Add white-space: nowrap to prevent title wrapping
- Tighten line-height and letter-spacing for compact display

Co-Authored-By: Claude Sonnet 4.6 <[email protected]>
This commit is contained in:
thePR0M3TH3ANandClaude Sonnet 4.6 committed 2026-05-15 13:58:10 -04:00
1 parent 1a183a6d07
commit e8ba522f40
1 file changed
+5 -4
+5 -4
View File
@@ -81,12 +81,13 @@
}
h1 {
font-size: 1.2rem;
line-height: 1.4;
font-size: 0.9rem;
line-height: 1.2;
margin: 0 0 6px;
font-family: 'Press Start 2P', cursive;
font-weight: normal;
letter-spacing: 0.1em;
letter-spacing: 0.08em;
white-space: nowrap;
}
.subhead {
@@ -1408,7 +1409,7 @@
<div class="app">
<aside>
<div class="appTitle">
<h1><img src="logo.gif" alt="CaseWrap" style="height: 40px; width: auto; vertical-align: middle; margin-right: 12px;" /> CaseWrap Studio</h1>
<h1><img src="logo.gif" alt="CaseWrap" style="height: 28px; width: auto; vertical-align: middle; margin-right: 8px;" /> CaseWrap Studio</h1>
<p class="subhead">Design printable case wraps and disc labels, then save, print, or share them on Nostr.</p>
</div>