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

← Older edit Newer edit →

@@ Line 7: / Line 7: @@
 }
-/* Make the wiki links look like your buttons */
+/* Make each tile a fixed-width button */
-.stakeholder-count-widget .create-button a {
+.stakeholder-count-widget-tile a {
-     display: inline-block;
+     display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
      width: 220px;
-     padding: 8px 0;
+    min-height: 120px;
+     padding: 10px 0;
      text-align: center;
      border: 1.5px solid #000001;
      border-radius: 2px;
      background: transparent;
      color: inherit;
@@ Line 30: / Line 35: @@
 /* Hover: grey fill, crisp border, slight lift */
-.stakeholder-count-widget .create-button a:hover {
+.stakeholder-count-widget-tile a:hover {
      border-color: #000;
      background-color: #f2f2f2;
@@ Line 37: / Line 42: @@
 /* Active: pressed look */
-.stakeholder-count-widget .create-button a:active {
+.stakeholder-count-widget-tile a:active {
      transform: translateY(0);
 }
-/* Ensure counts look good */
+/* Title, count, and link text tweaks */
+.stakeholder-count-widget-tile .tile-title {
+    margin-bottom: 4px;
+}
 .stakeholder-count-widget-tile .count {
-    display: block;
+     font-size: 1.3em;
-     font-size: 1.2em;
      font-weight: 700;
-     margin-top: 4px;
+     margin: 4px 0;
 }
-/* "See ___" link styling */
 .stakeholder-count-widget-tile .see-link {
-    display: block;
-    margin-top: 2px;
      font-size: 0.85em;
      opacity: 0.7;
+    margin-top: 4px;
 }