MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 312: / Line 312: @@
          max-width: 100%;
      }
+}
+/* ============================================================
+   Passives: mobile hero-row tweak (desktop unchanged)
+   ========================================================== */
+@media (max-width: 480px) {
+  /* Give the left (icon+name) cell more space on phones */
+  table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > th {
+    width: 46%;
+    min-width: 150px;          /* prevents icon/name getting squeezed offscreen */
+  }
+  table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > td {
+    width: 54%;
+  }
+  /* Slightly smaller icon so it fits comfortably */
+  table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > th .image img {
+    width: 64px !important;
+    height: auto !important;
+  }
+  /* Ensure the title can wrap instead of forcing horizontal overflow */
+  table.spiritvale-passive-infobox .spiritvale-infobox-title {
+    white-space: normal;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+  }
 }