b2eba34506
These are some slight design changes to how usercards are presented. - `margin`: removed one of the sides so the margins are the same in both axis - `margin`: increased from 10px to 15px Previously it was (Y, X) = (20, 10); now it's (15, 15) - `width`: slightly decreased so that the point, where too small screen width causes card relocation to another row, doesn't increase - `padding`: this change does nothing visually. `padding-bottom` was useless because padding was already set for all sides by another rule `.ui.segment {padding: 1em};`. This change just ensures that padding stays the same for all sides even if `.ui.segment` changes, instead of causing inconsistency - `margin-bottom`: added as an override to margin caused by `display: flex`. From my research, usually there's `25px` gap between the content and the pagination. It was `39px` here, now it's `25px` too ### Before ![image](/attachments/0ebf6f44-6b27-4d4d-8856-77568291518c) ### After ![image](/attachments/1e0a3d95-ac49-4d10-8e00-86cc041d4338) I can't show the distance between the content and the pagination, but the change does work when applying via devtools on https://codeberg.org/forgejo/forgejo/stars. Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/3915 Reviewed-by: Mai-Lapyst <mai-lapyst@noreply.codeberg.org> Reviewed-by: Beowulf <beowulf@noreply.codeberg.org> Reviewed-by: Caesar Schinas <caesar@caesarschinas.com> |
||
---|---|---|
.. | ||
css | ||
fomantic | ||
js | ||
svg |