Last modified: 2014-02-12 23:52:57 UTC
The css style for the <pre> and <tt> tag on the mobile site is set to inherit, which means it is rendered as a variable-width font. This makes code examples, etc., very hard to read. For example, compare http://en.wikipedia.org/wiki/Template:Pre to http://en.m.wikipedia.org/wiki/Template:Pre I suggest adding pre, tt {font-family: monospace;} To the css. The dashed border is also missing.
Currently in mf-enwmp.css we apply these styling rules to pre.mw-code, pre.mw-js, pre.source-css We could probably just apply to pre and make this common. Not sure if there are types of 'pre' tags we do not want to format in this way. The tt element is obsolete and shouldn't be used anywhere [1] but the new rule should also apply to the code element [1] http://www.w3.org/wiki/HTML/Elements/tt
https://gerrit.wikimedia.org/r/51088