Template:Stakeholder count widget/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-/* Dashboard layout */
+/* Layout: center the whole widget block */
 .stakeholder-count-widget {
      display: flex;
-     gap: 1em;
+    justify-content: center;   /* center the row */
+    align-items: flex-start;
+     gap: 1.5em;
      flex-wrap: wrap;
-     margin: 1em 0;
+     margin: 1.5em 0;
 }
-/* Make each tile look like a centered card */
+/* 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;
-    padding: 10px 0;
-    font-size: 1.1em;
 }
 /* Count styling */
 .stakeholder-count-widget-tile .count {
-    display: block;
+     font-size: 1.4em;
-     font-size: 1.5em;
      font-weight: 700;
-     margin: 6px 0;
+     margin: 8px 0;
 }
-/* "See ___" links */
+/* "See ___" link styling */
 .stakeholder-count-widget-tile a {
      font-size: 0.9em;
 }