I have tested this item ✅ successfully on cfb3f4e

Thank you!

I have tested this item ✅ successfully on cfb3f4e

With Prebuild Package

Sorry but this is not correct

@brianteeman
Is that because of incorrect line break?
The problem from the issue is caused by lack of width in icon column, and I know two solutions:

• The one proposed in the PR
• Set min-width property to icon cell

If you consider line break a bad solution I can replace it with min-width property.

The size of the other columns is way too big. you really dont want to wrap a filename unless you absolutely have to

Better to set some more sensible column widths such as

.media-browser-table .type {
    width: 5%;
}

.media-browser-table .size {
    width: 10%;
    text-align: right;
}

.media-browser-table .dimension {
    width: 15%
}

.media-browser-table .created,.media-browser-table .modified {
    width: 15%;
}

@brianteeman

Better to set some more sensible column widths such as

But we are still gonna have the problem when the file name is too big. Try to add symbols to a filename in devtools.
I think it's cool to change column widths as you proposed and add the word-break: break-all; property to 'name' columns. Then if the filename will be very big the layout would not be broken.

But we are still gonna have the problem when the file name is too big.

Always going to happen but we can reduce the times when it will happen by setting sensible column widths in the beginning - especially when the width of the data in the column is never going to be that wide

Please, test new patch.

I have tested this item ✅ successfully on b1b17be

Installed the new Prebuild Package. It's much better now.

I have tested this item ✅ successfully on b1b17be

RTC

The first column should align.

Back to pending, see comment #33945 (comment) .

The patch works on my machine. Please, test it too.

I have tested this item ✅ successfully on 0d9143d

Better that it was. But why does the icon cell have a bottom border but the rest of the row does not?

But why does the icon cell have a bottom border but the rest of the row does not?

What do you mean? Please, send screenshot.

I'm not sure & see it now in this way:

or what do you mean @ceford?

#33945 (comment)
I can fix it, but it is out of the PR's topic.
Also it was before applying the patch too.

I have tested this item ✅ successfully on 0d9143d

@eopws OK. Don't remember the previous last line/border :-)

RTC

In Firefox, it is a pixel off to the left. In Chrome, it is fine.

The toggle checkbox is 50px.

Please see if you can use the same value and look good in both browsers.

In Firefox, it is a pixel off to the left. In Chrome, it is fine.

The toggle checkbox is 50px.

Please see if you can use the same value and look good in both browsers.

In Chrome, it is a pixel off to the right, if set min-width equals to 50px.
But in Chrome it doesn't seem to be critical while it looks bad in Firefox.

Merging as this is better than before. Thank you!