Personal Git forge.
.issues-container { display: flex; flex-direction: column; width: 100%; gap: var(--gap); h2 { margin: 0; }}.issues-header { display: flex; flex-direction: row; gap: var(--gap); button { width: fit-content; } * { height: 100%; } form { border: 0; margin: 0; padding: 0; flex-direction: row; gap: inherit; width: inherit; flex-grow: 1; * { height: 100%; } input[type="text"] { width: max-content; flex-grow: 1; } }}.issues-list { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 2px; .issue { background-color: var(--bg-lighter); padding: var(--gap); * { margin: 0; } div { display: inline-block; } }}.status { width: min-content;}.issue-container { max-width: 100%; word-wrap: normal; flex-wrap: wrap; p { margin-top: 0; }}.issue-header { display: flex; align-items: start; justify-content: center; flex-direction: column; gap: var(--gap); * { margin: 0; } .issue-id { opacity: 0.8; }}.open { padding: var(--gap); background-color: green;}.closed { padding: var(--gap); background-color: darkred;}/* I'm wondering if this entire page should all be contained in a flexbox */.issue-desc { margin-bottom: var(--gap);}.issue-comments { display: flex; align-items: start; justify-content: center; flex-direction: column; gap: var(--gap); max-width: 100%; margin-bottom: var(--gap); div { border-left: 2px solid var(--bg-lighter); padding: 0 0 0 var(--gap); max-width: 100%; word-wrap: break-word; flex-wrap: wrap; }}.issue-comment { display: flex; flex-direction: column; gap: var(--gap); &>* { margin: 0; }}.post-comment { width: 100%; &>* { width: 100%; margin: 0; }}.issue-actions { margin-block: var(--gap);}