Bracket Connectors, Image Export, and Mobile-Friendly Tournaments

Three updates that make tournament brackets look better, share easier, and work on every device.

Bracket Connector Lines

Single elimination and double elimination brackets now display SVG connector lines showing how matches feed into the next round. Each pair of matches connects to their next-round matchup with horizontal and vertical lines, making the bracket progression clear at a glance.

Connectors automatically:

• Redraw when the window resizes
• Update when scores change and teams advance
• Skip bye matches
• Work in both light and dark mode
• Display correctly in presentation mode

PNG Image Export

Click the image icon in the tournament toolbar to download the bracket as a high-resolution PNG. The export temporarily expands the bracket layout — wider rounds, larger text, no text clipping — then captures at 2x resolution for crisp images on retina displays.

The exported image includes:

• All bracket matches with scores
• Connector lines
• Game labels (Game 1, Game 2, etc.)
• Round names (Quarterfinals, Semifinals, Final)

Stream links and interactive elements are hidden in the export.

Print / PDF Export

Click the print icon to open a print-optimized view in a new window. The layout includes the bracket structure, standings, and full schedule table, all formatted for clean printing. The browser's print dialog opens automatically — save as PDF or print directly.

Each tournament format gets its own optimized print layout:

• Single/double elimination: bracket tree with match boxes
• Round robin: standings table + schedule
• Pool play: each pool's standings + schedule, then elimination bracket

Drag-and-Drop Reseeding

The edit tournament modal now lets you drag teams to reorder seeds instead of clicking arrow buttons. Grab the handle icon next to any team and drag it to a new position. Seed numbers update automatically. If you reorder seeds on a bracket that already has scores, you'll be asked to confirm since scores will reset.

Mobile and Tablet Optimization

The entire site received a responsive pass:

Tournament page:

• Forms stack vertically on small screens
• Score modal inputs go full-width
• Sidebar collapses below the bracket on mobile
• Touch targets enlarged on touch devices (44px+ minimum)

Rink board:

• Panels slide up as bottom sheets (70% viewport height max) instead of full-screen overlays
• Toolbar scrolls horizontally with larger touch targets
• Canvas fills available width

Global:

• Header and footer padding optimized for mobile
• Navigation touch targets enlarged
• Hover effects disabled on touch devices to prevent sticky states

Try creating a tournament on your phone — the Tournament Bracket Generator works on any screen size.