krz/hutch

an ios client for sourcehut

clone: git clone https://gitbay.org/krz/hutch.git

5e4e259d8bfd9b062aa39af793ec3a59b70ad7f0

verified · cmc

author: Christian Cleberg <hello@cleberg.net> · 2026-08-07T06:44:10Z

Fix checklist rendering with inline code (#18)

The .task-list-item CSS used display: inline-flex, which turned each
text run and inline <code> into separate rigid flex items so a bullet
mixing code with text rendered malformed instead of flowing inline.
The checkbox is already centered via vertical-align, so switch to plain
inline display and let the fragments flow and wrap naturally.

 Hutch/Views/Repositories/ReadmeView.swift | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/Hutch/Views/Repositories/ReadmeView.swift b/Hutch/Views/Repositories/ReadmeView.swift
index 69d105b..b8b9622 100644
--- a/Hutch/Views/Repositories/ReadmeView.swift
+++ b/Hutch/Views/Repositories/ReadmeView.swift
@@ -1809,9 +1809,7 @@ private struct HTMLWebViewRepresentable: UIViewRepresentable {
                 vertical-align: middle;
             }
             .task-list-item {
-                display: inline-flex;
-                align-items: center;
-                gap: 0.1rem;
+                display: inline;
             }
             a { color: \(linkColor); }
             table { border-collapse: collapse; width: 100%; }