Make the clone box span full width, matching the rest of the page
2 files changed
+5 −1
M
CHANGELOG.md
+4 −0
M
cmd/gitfed-web/render.go
+1 −1
CHANGELOG.md
@@ -1,5 +1,9 @@
# Changelog
+## 1.0.2
+
+- The clone box now spans the full content width instead of stopping at 560px, matching the file list and every other card on the repo page.
+
## 1.0.1
- Fixed the repo page's action bar breaking on real (long) domains: the HTTPS and SSH clone boxes were each their own `flex: 1` box competing for room in the same row as the branch/Commits/Merge requests/Settings buttons, so a real hostname wrapped mid-URL instead of eliding cleanly. Regrouped into one compact clone box with an HTTPS/SSH toggle (reusing the same tab-switching JS as the settings page), separate from the row of action buttons. Found on the live instance right after making its own repo public — the first time a public, non-empty, admin-visible repo with a real long domain had ever actually rendered this bar.
cmd/gitfed-web/render.go
@@ -326,7 +326,7 @@ const shellHeadSrc = `<!doctype html>
.gf-actions-row { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; margin: 1rem 0 0.7rem; }
.gf-actions-row .gf-btn { margin-top: 0; }
- .gf-clone-block { background: var(--surface-2); border: 1px solid var(--border); border-radius: 9px; overflow: hidden; margin-bottom: 1.25rem; max-width: 560px; }
+ .gf-clone-block { background: var(--surface-2); border: 1px solid var(--border); border-radius: 9px; overflow: hidden; margin-bottom: 1.25rem; }
.gf-clone-block .gf-tabs.gf-clone-toggle { display: flex; gap: 0.2rem; padding: 0.3rem; border-bottom: 1px solid var(--border); margin-bottom: 0; }
.gf-clone-block .gf-clone-toggle button { font-family: var(--mono); font-size: 0.76rem; font-weight: 700; letter-spacing: 0.03em; padding: 0.3rem 0.7rem; border-radius: 6px; border-bottom: none; margin-bottom: 0; color: var(--text-faint); }
.gf-clone-block .gf-clone-toggle button.active { background: var(--surface-3); color: var(--text); border-bottom-color: transparent; }