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

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-/* Center the whole widget and lay out cards in a row */
-.stakeholder-count-widget {
-    display: flex;
-    justify-content: center;
-    align-items: flex-start;
-    gap: 1.5em;
-    flex-wrap: wrap;
-    margin: 1.5em 0;
-}
-/* Individual cards: same size, outline, minimal look */
 .stakeholder-card {
      width: 220px;
@@ Line 21: / Line 10: @@
      display: flex;
      flex-direction: column;
-     justify-content: space-between;
+     justify-content: center;    /* center everything vertically */
-     align-items: center;
+     align-items: center;        /* center horizontally */
      text-align: center;
@@ Line 28: / Line 17: @@
      font-weight: 600;
      letter-spacing: 0.01em;
+    gap: 8px;                   /* clean, consistent spacing between rows */
      transition:
@@ Line 33: / Line 24: @@
          border-color 0.15s ease,
          background-color 0.2s ease;
-}
-/* Hover effect, similar to your create button */
-.stakeholder-card:hover {
-    border-color: #000;
-    background-color: #f2f2f2;
-    transform: translateY(-1px);
-}
-/* Count styling */
-.stakeholder-card .count {
-    font-size: 1.3em;
-    font-weight: 700;
-    margin: 4px 0;
-}
-/* "See ___" link styling */
-.stakeholder-card a {
-    font-size: 0.9em;
-    font-weight: 500;
 }