.cpanel { padding: 1em; } .cpanel .box { max-width: 420px; } /* Items */ .cpanel .items > div { max-width: 800px; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0 auto; } .cpanel .item { display: flex; flex-direction: column; align-items: center; margin: 0; width: 120px; padding: 15px; text-align: center; transition: background-color 250ms ease-out; } .cpanel .item:hover { background-color: rgba(1, 1, 1, 0.05); } .cpanel .item > .htk-image { display: flex; justify-content: center; align-items: center; margin: 0; float: left; height: 80px; } .cpanel .item > .htk-image > img { max-height: 60px; max-width: 60px; padding: 0; } .cpanel .item > h3 { flex: none; margin: .1em 0; font-size: .9rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .cpanel .item > .secondary { flex: none; margin: 0; font-size: .8rem; color: #666; height: 40px; overflow: hidden; }