Design improvements for issue page (more compact?)

[miketaylr]

I think we could "tighten" up the issues page (for lack of a better term).

It feels unbalanced on desktop, maybe boxing in the original report as a comment like GitHub does would help?

The default status icon feels a little too big and the title can be a little unwieldy if its long.

Thoughts @karlcow @tagawa @magsout @calexity?

[miketaylr]

Seems related to #599.

[karlcow]

first step:

.Issue-details, .Label-wrapper {margin-left: calc(59px + 0.8em);}

[calexity]

Agree @miketaylr and yes @karlcow that left margin fix helps.

I think we can

• ditch the grey arrow (because we now have navigation or you can browser back)
• "Needs diagnosis" label and the title can both be smaller
• fix up comments
• fix overall alignment of the page

I can assign this issue to myself though I won't get to it for a couple weeks.

[miketaylr]

Thanks @calexity. :)~

[magsout]

Good idea for THE first comment. Tell me if you need help @calexity

[magsout]

Something like :

[miketaylr]

Yesssss.

[miketaylr]

I think this is done!