correct text alignment on Parts Tracker

[Steffen]

Hello Orion or anybody else with access to the Parts Tracker,

I noticed a strange text flow problem on the Parts Tracker which probably can be corrected with some trivial CSS polishing,
please see the attached screenshot.
I observed this problem with Chrome 83.0.4103.116 on Win7.
Is there a chance to adjust the text to be normal left-aligned instead of the crazy "block" layout?

https://www.ldraw.org/cgi-bin/ptdetail.c...861c01.dat

[Orion Pobursky]

Hello Orion or anybody else with access to the Parts Tracker,

I noticed a strange text flow problem on the Parts Tracker which probably can be corrected with some trivial CSS polishing,
please see the attached screenshot.
I observed this problem with Chrome 83.0.4103.116 on Win7.
Is there a chance to adjust the text to be normal left-aligned instead of the crazy "block" layout?

https://www.ldraw.org/cgi-bin/ptdetail.c...861c01.dat

I don't understand your request. The text you've highlighted is code that is word wrapping because of the size of the preview image. If I move it down, out of the way of the image then there will a huge empty space. I felt that forcing the line wrap was a good compromise.

[Chris Dee]

I don't understand your request. The text you've highlighted is code that is word wrapping because of the size of the preview image. If I move it down, out of the way of the image then there will a huge empty space. I felt that forcing the line wrap was a good compromise.

I think the wrapping of the header is acceptable in this case. A small improvment could be made by setting max-width (to maybe 40%) on the containing div for the image.

[Philippe Hurbain]

I think the wrapping of the header is acceptable in this case. A small improvment could be made by setting max-width (to maybe 40%) on the containing div for the image.

I believe that Steffen doesn't complain about line wrap which is unavoidable here, but about tentative of justification resulting in elongation of space between words.

[Magnus Forsberg]

I believe that Steffen doesn't complain about line wrap which is unavoidable here, but about tentative of justification resulting in elongation of space between words.

I guess Philo is right. The same behaviour can be seen in both Chrome and Edge. And they are both based on the same rendering engine.

   

[Orion Pobursky]

I guess Philo is right. The same behaviour can be seen in both Chrome and Edge. And they are both based on the same rendering engine.

Im not getting that wired justification on either iOS Safari or Firefox. 
That's said, I took Chris's suggestion and imposed a max width of 40%.

[Chris Dee]

I guess Philo is right. The same behaviour can be seen in both Chrome and Edge. And they are both based on the same rendering engine.

This is caused by the "text-align: justify;" on line 14 of pt.css. I don't think this is needed and is not widely supported.

[Orion Pobursky]

This is caused by the "text-align: justify;" on line 14 of pt.css. I don't think this is needed and is not widely supported.

Don't remember why I added that and may be that it was a cut and paste error. It's removed.

[Chris Dee]

Im not getting that wired justification on either iOS Safari or Firefox. 
That's said, I took Chris's suggestion and imposed a max width of 40%.

This max-width change has broken the Patterned Parts Summary.

[Orion Pobursky]

This max-width change has broken the Patterned Parts Summary.

Fixed.

[Willy Tschager]

There is still something wrong with the pattern summary:

   

w.

[Vincent Messenet]

There is still something wrong with the pattern summary:

Which browser do you use?

I tested with Firefox, Chrome and Safari and it is correctly displayed
   

[Philippe Hurbain]

I tested with Firefox, Chrome and Safari and it is correctly displayed

Works fine for me too (Seamonkey, Chrome, Edge and even old IE!)

[Willy Tschager]

Works fine for me too (Seamonkey, Chrome, Edge and even old IE!)

My bad. Cleared cache, now it works.

w.