fix(web/bugs): increase separator padding

Amolith created 2 weeks ago

Implements: bug-2c55712

Change summary

pkg/web/static/overrides.css | 4 ++++
pkg/web/templates/base.html  | 2 +-
pkg/web/templates/bugs.html  | 8 ++++----
3 files changed, 9 insertions(+), 5 deletions(-)

Detailed changes

pkg/web/static/overrides.css

@@ -143,6 +143,10 @@ section[aria-labelledby="diff-heading"] article h4:focus-within .secondary {
 	stroke: var(--pico-secondary-border);
 }
 
+.separator {
+  padding: 0 10px;
+}
+
 .muted {
   color: var(--pico-muted-color);
 }

pkg/web/templates/base.html

@@ -16,7 +16,7 @@
   <link rel="preload" href="/static/overrides.css?v=2" as="style">
 
   <link rel="stylesheet" href="/static/pico-2.1.1-pink.min.css">
-  <link rel="stylesheet" href="/static/overrides.css?v=3">
+  <link rel="stylesheet" href="/static/overrides.css?v=4">
   <link rel="stylesheet" href="/static/syntax.css?v=1">
 
   {{block "page-styles" .}}{{end}}

pkg/web/templates/bugs.html

@@ -33,11 +33,11 @@
       <footer>
         {{if .AuthorAvatar}}<img src="{{.AuthorAvatar}}" alt="" class="avatar" loading="lazy" referrerpolicy="no-referrer">{{end}}<strong>{{.Author}}</strong> opened <time datetime="{{.CreatedAt | rfc3339}}" data-tooltip="{{.CreatedAt | formatDate}}">{{.CreatedAt | relativeTime}}</time>
         {{if gt .CommentCount 0}}
-        • {{.CommentCount}} {{if eq .CommentCount 1}}comment{{else}}comments{{end}}
+        <span class="separator">•</span>{{.CommentCount}} {{if eq .CommentCount 1}}comment{{else}}comments{{end}}
+        {{end}}
+        {{if .HasActivity}}
+        <span class="separator">•</span>Updated <time datetime="{{.LastActivity | rfc3339}}" data-tooltip="{{.LastActivity | formatDate}}">{{.LastActivity | relativeTime}}</time>
         {{end}}
-       {{if .HasActivity}}
-       • Updated <time datetime="{{.LastActivity | rfc3339}}" data-tooltip="{{.LastActivity | formatDate}}">{{.LastActivity | relativeTime}}</time>
-       {{end}}
      </footer>
   </article>
   {{end}}