More actions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 137: | Line 137: | ||
.hover-table td span { | .hover-table td span { | ||
display: inline-block; | display: inline-block; | ||
max-width: 100%; | max-width: 100%; | ||
text-align: center; | |||
font-size: 15px; | font-size: 15px; | ||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
} | } | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.hover-table td span { | .hover-table td span { | ||
font-size: | font-size: 12px; | ||
white-space: normal; /* allow wrapping on very small screens */ | |||
line-height: 1.2; | |||
} | |||
.hover-table img { | |||
width: 85px; | |||
height: 85px; | |||
} | |||
.hover-table td { | |||
width: 48%; /* a bit more space per icon to reduce overflow */ | |||
} | } | ||
} | } | ||