XF 2.3 Threadlists main spacing issue in narrow responsive

[CTS]

I have been fighting this all day and I cannot figure this out.

My desire was to create a little more padding on the left side between the avatar cell and main title cell.

I accomplished that with this entered into extra.less.

.structItem-cell--main {
padding: 5px 10px 5px 20px;
}

It works as desired, but I cannot figure out why it does not work in responsive narrow screens like a phone.

What am I missing? I have inspected the code to death and experimented with no results.

Any idea's? (this was in another thread but I opened this just for this particular issue.)

 

[CTS]

Ok, this 'appears' to be solved with the following code. I still have some minor tweaking to do, but the desired result is satisfactory.

    .structItem-cell--main {
padding: 10px 10px 5px 20px !important;
}
    .structItem-cell--meta {
padding: 0px 0px 20px 20px !important;
}