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!