hanna/fabrica

fix(web): release button alignment, assets spacing, branch meta bullets

97f5f00 · hanna committed on 2026-07-26

- Reset the stacked-form top margin on the release Delete button so it aligns
  with the Edit link instead of floating below it.
- Give the edit-page Assets section top margin so it doesn't abut the form card.
- Bullet-separate the branch list meta (counts · updated · author); ahead/behind
  stay grouped as one segment.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Signed by hannaSSH key fingerprint: SHA256:4g9cWhkAAw8gwqhJUcVbSnGEvdGwklW+1Aa/fMUu59k

assets/base.css +20 −0

crates/web/src/releases.rs +1 −1

crates/web/src/repo.rs +6 −6

data/repos/01/01kye56ybp94wrec3fm02e9ge8.git/refs/tags/v0.0.0 +0 −1

@@ @@ -2249,6 +2249,15 @@ pre.code { @@
   gap: 0.5rem;
   flex: none;
+}
 /* The Delete button sits in a card form, so it would otherwise inherit the
    stacked-form top margin and float below the Edit link. */
 .release-actions form button[type="submit"] {
   margin-top: 0;
+}
 /* Asset management sits below the edit form; give it room to breathe. */
 .release-assets-editor {
   margin-top: 1.5rem;
+}
 .release-notes {
   margin: 1rem 0;
   padding-top: 1rem;
@@ @@ -2688,6 +2697,17 @@ table.blob tr:target { @@
 .entry-row-meta .ahead {
   color: var(--fb-success);
+}
 /* Branch list meta: bullet-separate the segments (counts · updated · author).
    Ahead/behind stay grouped in `.branch-counts`, so they read as one segment. */
 .branch-meta > * + *::before {
   content: "·";
   margin-right: 0.4rem;
   color: var(--fb-fg-muted);
+}
 .branch-counts {
   display: inline-flex;
   gap: 0.35rem;
+}
 .entry-row-actions {
   display: flex;
   align-items: center;

@@ @@ -344,7 +344,7 @@ fn release_form( @@
 /// buttons, then the upload form. Only reachable once a release exists.
 fn assets_editor(release_id: &str, csrf: &str, assets: &[store::ReleaseAsset]) -> Markup {
     html! {
         section class="listing" {
         section class="listing release-assets-editor" {
             h2 { "Assets" }
             div class="card" {
                 @if assets.is_empty() {

@@ @@ -1201,12 +1201,12 @@ async fn branches_view( @@
                 li class="entry-row" {
                     div class="entry-row-body" {
                         a class="entry-row-title" href=(format!("{base}/-/tree/{}", b.name)) { (b.name) }
                         div class="entry-row-meta muted" {
                             @if b.ahead > 0 {
                                 span class="ahead" { "↑" (b.ahead) }
+                            }
                             @if b.behind > 0 {
                                 span class="behind" { "↓" (b.behind) }
                         div class="entry-row-meta muted branch-meta" {
                             @if b.ahead > 0 || b.behind > 0 {
                                 span class="branch-counts" {
                                     @if b.ahead > 0 { span class="ahead" { "↑" (b.ahead) } }
                                     @if b.behind > 0 { span class="behind" { "↓" (b.behind) } }
+                                }
+                            }
                             span { "Updated " (crate::activity::fmt_relative(b.tip.author.time_ms, now)) }
                             span { "by " (b.tip.author.name) }

			@@ -1 +0,0 @@
1		-	37157e7f0e8a390c3579e4bfc14dbbbf1d06a711