mckinley/HiActs-Conference-Poll
0
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make email modal scrollable on small screens, tighten spacing

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
beantownbabeandClaude Sonnet 4.6 committed 2026-06-07 17:20:39 +02:00
1 parent ff0564ae54
commit bf692f3120
1 file changed
+5 -4
Download Patch File Download Diff File Expand all files Collapse all files
templates/display.html
+5 -4
View File
@@ -280,7 +280,8 @@
#emailModal.open { display: flex; }
.email-modal-box {
background: white; border-radius: 20px;
padding: 36px 40px; max-width: 460px; width: 90%;
padding: 28px 32px; max-width: 460px; width: 90%;
max-height: 90vh; overflow-y: auto;
box-shadow: 0 32px 80px rgba(0,0,0,0.35);
animation: modalIn 0.25s ease;
}
@@ -288,9 +289,9 @@
from { transform: translateY(18px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
.em-eyebrow { font-size: 11px; font-weight: 700; color: #2563eb; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 12px; }
.em-title { font-size: 21px; font-weight: 900; color: #1a365d; line-height: 1.25; margin-bottom: 10px; }
.em-body { font-size: 14px; color: #4a5568; line-height: 1.75; margin-bottom: 24px; }
.em-eyebrow { font-size: 11px; font-weight: 700; color: #2563eb; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 8px; }
.em-title { font-size: 18px; font-weight: 900; color: #1a365d; line-height: 1.25; margin-bottom: 8px; }
.em-body { font-size: 13px; color: #4a5568; line-height: 1.65; margin-bottom: 12px; }
.em-input {
width: 100%; padding: 13px 16px; border: 1.5px solid #dde5ee;
border-radius: 10px; font-size: 15px; font-family: inherit;