MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 198: / Line 198: @@
      white-space: normal;
      word-break: break-word;
+    line-height: 1.2;
+    margin-top: 4px;
+  }
+}
+@media (max-width: 768px) {
+  /* Force entire table into flex grid layout */
+  .hover-table {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+    padding: 0;
+    border: none;
+  }
+  .hover-table tr {
+    display: contents; /* Prevent <tr> from enforcing row breaks */
+  }
+  .hover-table td {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    width: 45%;
+    padding: 10px;
+    box-sizing: border-box;
+    border: none;
+  }
+  .hover-table img {
+    width: 80px;
+    height: 80px;
+  }
+  .hover-table td span {
+    font-size: 11px;
+    white-space: normal;
+    word-break: break-word;
+    text-align: center;
      line-height: 1.2;
      margin-top: 4px;
    }
 }