screens - cressie176/Load64 GitHub Wiki

Screen Documentation Standards

Top Bar CTA Alignment

CTAs (calls to action) in the top bar are right-aligned. The rule applies only to top bar CTAs — form-area CTAs ([Save], [Cancel], etc.) are left-aligned within their content region and are not subject to this rule.

Spacing rule

  • Left margin: 2 spaces after the opening
  • Right margin: 2 spaces before the closing
  • Multiple CTAs are separated from each other by 2 spaces
  • The title is separated from the CTA group by enough spaces to fill the line to exactly 80 characters

Formula

│  <title><padding><CTA group>  │

Where padding width = 80 - 6 - len(title) - len(CTA group)

The constant 6 accounts for: opening (1) + left margin (2) + right margin (2) + closing (1).

Examples

Single CTA:

│  Controller Families                                                  [Add]  │
│  <Family Name>                                                     [Delete]  │
│  <Game Title> – <Publisher> – <Year>                               [Manage]  │

Two CTAs:

│  <Family Name>                                           [Rename]  [Delete]  │
│  <List Name>                                              [Manage]  [Admin]  │
│  <List Name>                                      [Add Game]  [Remove Game]  │

Three CTAs:

│  Lists                                            [Add]  [Rename]  [Delete]  │
⚠️ **GitHub.com Fallback** ⚠️