Ui_list design css template help

Hi, i am wondering if it's posible to give some good designs to ui_list.
This is my current flow:


image

I've tried to use a template with different designs but i cant get what i want.

<style>
/*.md-secondary-container
{
    background-color:#074ea7!important;
    color:#074ea7!important;
    border-color:#074ea7!important;
    border-radius: 12px!important;
}


.md-3-line ._md-button-wrap ._md .md-clickable 
{
    background-color:#074ea7!important;
    color:#074ea7!important;
    border-color:#074ea7!important;
    border-radius: 12px!important;
}

.md-button .md-no-style
{
    background-color:#074ea7!important;
    color:#074ea7!important;
    border-color:#074ea7!important;
    border-radius: 12px!important;  
}

.md-list-item-inner 
{
    background-color:#074ea7!important;
    color:#074ea7!important;
    border-color:#074ea7!important;
    border-radius: 12px!important;
}
 
.h3 .md-list-item-text 
{
    background-color:#074ea7!important;
    color:#074ea7!important;
    border-color:#074ea7!important;
    border-radius: 12px!important;
}

.md-no-style .md-button .md-ink-ripple 
{
    background-color:#074ea7!important;
    color:#074ea7!important;
    border-color:#074ea7!important;
    border-radius: 12px!important;
}
*/
</style>

Whit this template i was able to get this:
image
The idea is to center the text in the list, give a little more space between the title and description and also change the background color of the list.
Thanks!

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.