8/30/2013 12:06:13 AM
In my development environment I use 4 screens, each 1280x1024px. If I maximize my browser to any of these screens, comments text in the Microsoft Connect site is not fully readable, see attached screen shot. The problem occurs in IE10, Chrome and Firefox.
Because the problem irritates me, I researched its cause. It appears to be a simple bug in the CSS of the site:
The div with class FeedbackDetailsTabPageOuterRegion lives inside this div, that again is inside a div with class workSpace:
border: solid 1px #989896;
padding: 10px 0.5% 10px 0.5%;
Because ContentPaneWithinConnection has a width of 80.5%, its min-width will be approximately 80.5% * 958px = 771px. The element FeedbackDetailsTabPageOuterRegion should have a width that is at most 771px - 20px padding = 751px, not 972px as is specified in the style sheet.