randrews
35c1694e18
Replaces type="number" with type="text" + inputMode="numeric" so iOS shows the numpad. A +/− toggle button beside each field handles the sign; it is a no-op when the field is empty. Also adds contact email below the title on the title screen. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
53 lines
847 B
CSS
53 lines
847 B
CSS
.row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.75rem;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
|
|
.name {
|
|
flex: 1;
|
|
font-size: 1.1rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.scoreInput {
|
|
width: 6rem;
|
|
padding: 0.85rem 0.5rem;
|
|
font-size: 1.1rem;
|
|
font-family: inherit;
|
|
text-align: center;
|
|
border: 1.5px solid var(--color-parchment-border);
|
|
border-radius: 0.75rem;
|
|
background: #fdfaf4;
|
|
}
|
|
|
|
.scoreInputError {
|
|
border-color: #c0392b;
|
|
background: #fff5f5;
|
|
}
|
|
|
|
.signToggle {
|
|
width: 2.5rem;
|
|
height: 2.5rem;
|
|
border-radius: 50%;
|
|
border: 2px solid var(--color-parchment-border);
|
|
background: #fdfaf4;
|
|
font-size: 1.2rem;
|
|
font-weight: 600;
|
|
color: #555;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.sumLine {
|
|
margin: 0.5rem 0 0;
|
|
text-align: center;
|
|
font-size: 0.95rem;
|
|
color: var(--color-parchment-border);
|
|
}
|
|
|
|
.sumValid {
|
|
color: #4a9e6a;
|
|
font-weight: 600;
|
|
}
|