Spacing in publications list <li> is uneven and mobile view doesn't look great

[sourishg]

I tried looking at this issue a lot to fix the spacing between the <li> tags and the content but couldn't come up with a solution. In my opinion, the code is a bit ugly for this and needs fixing. The buttons seem to be aligned but not the text.

The list number is not generated by the <li> (which I think it should be that way) and instead, the content lies inside a nested <span> and <div> tag. Please inspect the element to see it while fixing this issue.

[sourishg]

Also rendering of a @phdthesis is poor (see image) which needs to be fixed.

[bradygm]

@jfkeller You worked on this for a while, right? Should we just close this, or should someone else give it a try?

[jfkeller]

I fixed the issue related to the @phdthesis but not the general spacing issue which causes things to be misaligned when there are long titles or author lists. Also the alignment of the text is effected by the number of digits in the citation number. Fixing this would require modifying whatever is generating the html, instead of just modifying the input to the generator which is what I did to fix the phdthesis issue. I guess its not too noticeable, so maybe we could close it unless someone wants to write a new generator or figure out how to modify the current one.