Better responsive styles for translate.w.org

[sumitsingh]

Hi,

I am translating WP using mobile devices.and I have founded some UI issue on below page link.

​https://translate.wordpress.org/locale/hi/default/wp/dev/#contributor-sumitsingh.

More information you can see mentioned screenshot.

[sumitsingh]

UI issue on IPhone device

[sabernhardt]

Adding float: left to all spans in the .contributor-name cell includes the "Last translation submitted" span (see r9497). On smaller screens (up to 500px), that text appears before the avatar link.

[vladytimy]

I am renaming this to better describe the issue and to make ticket easier to find.
Apart form the one you mentioned, there are a few other responsive things that could be addressed.

1. The float:left for .contributor-name spans that @sabernhardt mentioned
2. Long project description will overflow, creating a white space
3. Set / Sub Project table is not responsve and will, again, create a white space

Proposed 5761.1.patch (only for (max-width: 500px))

1. Unsets float:left for .contributor-name spans
2. Unsets .project-description width to allow a fluid width
3. Creates a possible responsive table (maybe not the best approach - maybe a mainstream solution with markup modifications might be better)

[ocean90]

In 11011:

Translate: Improve styles of various elements on smaller screens.

Props vladytimy, ocean90.
Fixes #5761.

[sumitsingh]

Hi,
Thank you for fixed.

I have founded issue then I can't get Meta Props @ocean90 ?

Thank you again:)