style(web): fit the MR footer to the mobile layout

commit: 52bc7c76204e3378ca0e95aac7ac99f3079a6409
author: brice · 2d ago · 2026-10-20 05:15 UTC
parent: 97c558f
signature: GPG VerifiedCD88F9E564E0102646FB6077A1A07C7C7C3E349D · arch-gpg Verified for the committer email
checks: 4/4

1 file · +3 -1

M internal/adapters/web/static/css/85-mobile.css +3 -1


@@ -13,7 +13,8 @@
13	13		body:has(#diffs[data-mr]) :is(.card, .mr-card, .mr-desc, .dfile, .dscroll, .code, .rail section) {
14	14		margin-inline: 0; border-inline: 0; border-radius: 0; min-width: 0; max-width: 100%;
15	15		}
16		-	body:has(#diffs[data-mr]) :is(.mr-h, .mr-desc.prose, .card-h) { padding-inline: 4px; }
	16	+	body:has(#diffs[data-mr]) :is(.mr-h, .mr-desc.prose, .card-h, .mr-footer) { padding-inline: 4px; }
	17	+	body:has(#diffs[data-mr]) .mr-footer :is(th, td) { padding-inline: var(--s1); }
17	18		body:has(#diffs[data-mr]) .mr-desc.prose > pre { margin-inline: -4px; padding-inline: 0; max-width: calc(100% + 8px); }
18	19		#diffs[data-mr] .dfile > summary { padding-inline: 0; border-inline: 0; border-radius: 0; }
19	20		#diffs[data-mr] :is(.dscroll, .code) { overflow-x: auto; overscroll-behavior-x: contain; padding-inline: 0; }

@@ -47,5 +48,6 @@
47	48		#diffs[data-mr] .ln a[data-range-start] { outline: 2px solid var(--focus); background: var(--sel); }
48	49		body:has(#diffs[data-mr]) :is(.cform .btn, .menu .btn, .mr-touch-range .btn, .c-act button) { min-height: 40px; height: auto; padding-block: var(--s2); }
49	50		#diffs[data-mr] .cform { scroll-margin-block: calc(var(--hdr-h) + 12px); }
	51	+	.mr-footer :is(summary, [data-mr-tabs] a) { display: inline-flex; align-items: center; min-height: 40px; }
50	52		}
51	53		}

     body:has(#diffs[data-mr]) :is(.card, .mr-card, .mr-desc, .dfile, .dscroll, .code, .rail section) {
       margin-inline: 0; border-inline: 0; border-radius: 0; min-width: 0; max-width: 100%;
     }
-    body:has(#diffs[data-mr]) :is(.mr-h, .mr-desc.prose, .card-h) { padding-inline: 4px; }
+    body:has(#diffs[data-mr]) :is(.mr-h, .mr-desc.prose, .card-h, .mr-footer) { padding-inline: 4px; }
+    body:has(#diffs[data-mr]) .mr-footer :is(th, td) { padding-inline: var(--s1); }
     body:has(#diffs[data-mr]) .mr-desc.prose > pre { margin-inline: -4px; padding-inline: 0; max-width: calc(100% + 8px); }
     #diffs[data-mr] .dfile > summary { padding-inline: 0; border-inline: 0; border-radius: 0; }
     #diffs[data-mr] :is(.dscroll, .code) { overflow-x: auto; overscroll-behavior-x: contain; padding-inline: 0; }
     #diffs[data-mr] .ln a[data-range-start] { outline: 2px solid var(--focus); background: var(--sel); }
     body:has(#diffs[data-mr]) :is(.cform .btn, .menu .btn, .mr-touch-range .btn, .c-act button) { min-height: 40px; height: auto; padding-block: var(--s2); }
     #diffs[data-mr] .cform { scroll-margin-block: calc(var(--hdr-h) + 12px); }
+    .mr-footer :is(summary, [data-mr-tabs] a) { display: inline-flex; align-items: center; min-height: 40px; }
   }
 }