MediaWiki:Vector-dark.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,149: / Line 1,149: @@
      background-color: #001f3f; /* Dark Navy for data rows */
      color: #ffffff; /* White text */
-    min-width: 150px;  /* Minimum width */
      border-top: 1px solid #003366; /* Subtle navy divider */
 }
-/* Infobox Labels */
+.pi-item {
+    display: flex;         /* Use flexbox for layout */
+    align-items: center;   /* Align label and value properly */
+}
 .pi-data-label {
-     color: #ff851b; /* Bright Orange labels */
+     min-width: 120px;   /* Allow the label to be flexible */
-     min-width: 80px;  /* Minimum width */
+     max-width: 35%;     /* Set a reasonable max width */
-     max-width: 250px;  /* Maximum width */
+     flex-grow: 1;       /* Let the label take available space */
-     display: inline-block;
+    text-align: left;
+}
+.pi-data-value {
+    flex-grow: 2;       /* Give more space to values */
+    min-width: 60%;     /* Prevent values from shrinking too much */
+     text-align: left;
 }
 h3.pi-data-label {