fix(hikes): keep stat value + descriptor together in the metrics row
The metrics flex row stretched each tile to the tall route-icon's height, so the grid's auto rows spread apart and pushed the value and its label to opposite halves. Center the items instead of stretching.
This commit is contained in:
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "homepage",
|
"name": "homepage",
|
||||||
"version": "1.86.0",
|
"version": "1.86.1",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|||||||
@@ -689,6 +689,9 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
/* Center, don't stretch: otherwise each tile is pulled to the tall
|
||||||
|
* route-icon's height and its value/descriptor rows spread apart. */
|
||||||
|
align-items: center;
|
||||||
gap: 1rem 2.25rem;
|
gap: 1rem 2.25rem;
|
||||||
padding: 1.5rem 1rem;
|
padding: 1.5rem 1rem;
|
||||||
color: var(--color-text-secondary);
|
color: var(--color-text-secondary);
|
||||||
|
|||||||
Reference in New Issue
Block a user