Template:Stakeholder count widget/styles.css
Appearance
/* Layout: center the whole widget block */
.stakeholder-count-widget {
display: flex;
justify-content: center; /* center the row */
align-items: flex-start;
gap: 1.5em;
flex-wrap: wrap;
margin: 1.5em 0;
}
/* Make each tile uniform + flex-centered */
.stakeholder-count-widget-tile {
width: 220px; /* consistent width */
height: 160px; /* consistent height */
display: flex;
flex-direction: column;
justify-content: space-between; /* spread content vertically */
align-items: center; /* center horizontally */
padding: 12px 0;
text-align: center;
}
/* Count styling */
.stakeholder-count-widget-tile .count {
font-size: 1.4em;
font-weight: 700;
margin: 8px 0;
}
/* "See ___" link styling */
.stakeholder-count-widget-tile a {
font-size: 0.9em;
}