+3 -3

templates/repo/issue/card.tmpl

reviewed

··· 62 62 </div> 63 63 64 64 {{if or .Labels .Assignees}} 65 65 - <div class="tw-flex tw-justify-between"> 66 66 - <div class="labels-list tw-flex-1"> 65 65 + <div class="issue-card-bottom"> 66 66 + <div class="labels-list"> 67 67 {{range .Labels}} 68 68 <a target="_blank" href="{{$.Issue.Repo.Link}}/issues?labels={{.ID}}">{{RenderLabel ctx ctx.Locale .}}</a> 69 69 {{end}} 70 70 </div> 71 71 - <div class="tw-flex tw-flex-wrap tw-content-start tw-gap-1"> 71 71 + <div class="issue-card-assignees"> 72 72 {{range .Assignees}} 73 73 <a target="_blank" href="{{.HomeLink}}" data-tooltip-content="{{ctx.Locale.Tr "repo.projects.column.assigned_to"}} {{.Name}}">{{ctx.AvatarUtils.Avatar . 28}}</a> 74 74 {{end}}

+1 -7

web_src/css/repo.css

reviewed

··· 2368 2368 display: inline-flex; 2369 2369 flex-wrap: wrap; 2370 2370 gap: 2.5px; 2371 2371 - } 2372 2372 - 2373 2373 - .labels-list a { 2374 2374 - display: flex; 2375 2375 - text-decoration: none; 2371 2371 + align-items: center; 2376 2372 } 2377 2373 2378 2374 .labels-list .label { 2379 2375 padding: 0 6px; 2380 2380 - margin: 0 !important; 2381 2376 min-height: 20px; 2382 2382 - display: inline-flex !important; 2383 2377 line-height: 1.3; /* there is a `font-size: 1.25em` for inside emoji, so here the line-height needs to be larger slightly */ 2384 2378 } 2385 2379

+15

web_src/css/repo/issue-card.css

reviewed

··· 23 23 .issue-card.sortable-chosen .issue-card-title { 24 24 cursor: inherit; 25 25 } 26 26 + 27 27 + .issue-card-bottom { 28 28 + display: flex; 29 29 + width: 100%; 30 30 + justify-content: space-between; 31 31 + gap: 0.25em; 32 32 + } 33 33 + 34 34 + .issue-card-assignees { 35 35 + display: flex; 36 36 + align-items: center; 37 37 + gap: 0.25em; 38 38 + justify-content: end; 39 39 + flex-wrap: wrap; 40 40 + }