MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 144: / Line 144: @@
      overflow: hidden;
      text-overflow: ellipsis;
+}
+@media (max-width: 768px) {
+.hover-table td span {
+    display: inline-block;
+    max-width: 100%;
+    text-align: center;
+    font-size: 15px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: 1.2;
 }
 @media (max-width: 768px) {
    .hover-table td span {
-     font-size: 12px;
+     font-size: 11px;
-     white-space: normal; /* allow wrapping on very small screens */
+     white-space: normal; /* allow wrapping if needed */
-     line-height: 1.2;
+     word-break: break-word;
    }
    .hover-table img {
-     width: 85px;
+     width: 80px;
-     height: 85px;
+     height: 80px;
    }
    .hover-table td {
-     width: 48%; /* a bit more space per icon to reduce overflow */
+     width: 50%; /* full two columns per row */
+    padding: 6px;
    }
 }