site-proximo/assets/css/categories.css

#dataList {
    list-style: none;
    margin: auto;
    padding: 0;
}

#dataList li {
    height: 50px;
    line-height: 50px;
    display: flex;
    cursor: pointer;
    transition: 0.2s;
    padding: 0 20px 0 20px;
}

#dataList li:hover {
    background-color: #e5e5e5;
}

#dataList li div {
    margin: auto;
    display: flex;
    width: 100%;
}

#dataList li div span {
    margin-right: 5px;
    height: 50px;
}

#listContainer {
    display: flex;
    margin: 20px 0 20px 0;
}

.mdi {
    font-size: 2rem;
}

.list-name {
    font-weight: bold;
    width: 150px;
    height: 50px;
    overflow: hidden;
}

.list-description {
    width: 200px;
    height: 50px;
    overflow: hidden;
}

.list-price {
    width: 70px;
    text-align: center;
}

.list-code {
    color: #8e8e8e;
    width: 200px;
    text-align: right;
}

.list-image img  {
    width: 50px;
    height: 50px;
}