Skip to content

docs: lay README badges in a one-row table to keep them on a single line#68

Merged
RubenSousaDinis merged 1 commit into
mainfrom
docs/readme-badge-table
Jun 26, 2026
Merged

docs: lay README badges in a one-row table to keep them on a single line#68
RubenSousaDinis merged 1 commit into
mainfrom
docs/readme-badge-table

Conversation

@RubenSousaDinis

Copy link
Copy Markdown
Member

What

Lays the five README badges out in a one-row HTML table (one badge per cell) instead of a plain inline badge line.

Why

README.md is rendered on two surfaces: the repo homepage and the polygraph-mcp-gate Marketplace listing. Inspecting the live Marketplace DOM showed its stylesheet sets img { display: block } on the README body — which forced every badge onto its own line, so the badges rendered as a tall vertical column there (even on a single markdown line). GitHub strips inline styles, so the image display can't be overridden directly.

Table cells lay out horizontally regardless of the child image's display, so a single-row table keeps all badges on one line. Verified by injecting the same table into the live Marketplace page: all five badges measured on the same line.

Tradeoff

GitHub forces a default 1px border + padding on table cells and strips the border="0" attribute / inline styles, so the badges sit in faint bordered chips on both surfaces (subtle on the dark theme). This replaces the previous borderless inline row on the repo page — accepted in exchange for a single, non-stacked line on the Marketplace, and it avoids splitting the action into a separate repo (which would break the polygraphso/litmus@v1 handle).

Badges unchanged: npm · CI · Apache-2.0 · Glama · graded-by-polygraph. README-only; no version bump or publish.

Verification

  • Live DOM test on the Marketplace listing: a one-row badge table renders all five badges on the same line.
  • Post-merge: confirm the live Marketplace listing renders the row horizontally (it regenerates from the merged README).

…e line

The Marketplace listing for the polygraph-mcp-gate action renders the repo
README under a stylesheet that sets `img { display: block }`, which stacked the
plain inline badge row into a tall vertical column. Table cells lay out
horizontally regardless of the image display, so a single-row table keeps all
badges on one line on both the repo page and the Marketplace listing. GitHub
strips inline styles, so the cells keep their default 1px border.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TZcTQCDwyFqdh59fPWDJAr
@RubenSousaDinis RubenSousaDinis merged commit 04ed6c2 into main Jun 26, 2026
11 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant