163 Resize score box to cover less area of ingame header

[BucketRaphi]

Overlay Enhancement/New Overlay Pull Request

Overlay

• Score-Box (enhancement)
• Map-Screen (enhancement)
• Commentator-Box (enhancement)
• Info-Box (enhancement)

Description

Resized score box so it doesn't cover up as much area of the ingame header as previously

Related Issue

Closes #163

Changes

Overlay Changes

• Decrease score box width by 4 relative ems / 64 pixels

Frontend Changes (Angular)

• Component path: Frontend/control-panel/src/app/overlay/score-box/

Functionality

Screenshots or Screen Recording

Show the overlay in action:

Files Changed

Frontend

• Component path: Frontend/control-panel/src/app/overlay/score-box/score-box.scss

Styling

• Modified style: .score-box

Compatibility

• Works with OBS browser source
• Responsive design (tested at common stream resolutions)
• Works across browsers (Chrome, Firefox, Safari)
• Works with existing overlays (no conflicts)

Documentation

• README updated with new overlay route
• Documentation added for new overlay
• OBS setup guide added (if specific configuration needed)
• Control Panel usage documented

Checklist

• All overlay functionality working
• SignalR updates tested
• No conflicts with other overlays
• Styling matches DSB design
• Performance is acceptable
• Tests pass

[github-actions]

Label "NoMerge" not applied. Merging enabled.

[github-actions]

Label "NoMerge" not applied. Merging enabled.

[github-actions]

Label "NoMerge" not applied. Merging enabled.

[github-actions]

Label "NoMerge" not applied. Merging enabled.