
.wpfd-single-file {
    display: grid!important;
    grid-template-columns: 50px minmax(0, 1fr);
    column-gap: 12px;
    align-items: center!important;
}

.wpfd-single-file--icon {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    grid-column: 1;
    grid-row: 1;
    flex-basis: 50px!important;
    width: 50px!important;
}

.wpfd-single-file--icon .wpfd-icon-placeholder{
    width: 50px!important;
    height: 50px!important;
    flex: 0 0 50px!important;
    background-size: contain!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}
.wpfd-single-file--icon a {
    display: block!important;
    width: 50px!important;
    height: 50px!important;
}
.wpfd-single-file .wpfd-file-content{
    padding-left: 0px!important ;
}
.wpfd-single-file--details{
    grid-column: 2;
    grid-row: 1;
    align-self: center!important;
    flex-basis: auto!important;
    min-width: 0;
}
.wpfd-single-file--buttons {
    grid-column: 2;
    grid-row: 2;
    flex-basis: auto!important;
    margin-top: 10px!important;
}
.wpfd-file-content--meta{
    display: none;
}
.wpfd-single-file--buttons a{
    background-color: var(--dragui-accent)!important;
    width: auto!important;
}
.wpfd-single-file--buttons a span{  
    display: none;
}
.wpfd-single-file a.wpfd-single-file-button svg{
    margin: 0px 10px!important;
}
.wpfd-file-content--title{
    font-size: 18px!important;
    line-height: 1.2!important;
    margin: 0!important;
}

@media screen and (max-width: 600px) {
    .wpfd-single-file {
        display: grid!important;
        grid-template-columns: 50px minmax(0, 1fr);
        align-items: center!important;
    }

    .wpfd-single-file .wpfd-file-content {
        margin-top: 0!important;
    }
}
