| 45 | |
| 46 | === Consistent typography, sane CSS definitions === |
| 47 | |
| 48 | From a designer's point of view, the admin interface does not present information in the most clear and streamlined (and thus beautiful) way. This is mostly due to a lack of consistency: There are many different font sizes/weights, various different margins and line heights. Many elements are not aligned or (worse) almost aligned with the surrounding elements. The whole design could really use some cleaning up. |
| 49 | |
| 50 | Morever, the current stylesheets are quite messy. Font-families and especially font-sizes are redefined over and over, in many different files and using many different CSS selectors. Apart from being at least partially redundant, this violates the DRY principle and makes customization of the admin interface (for instance, setting a different base font size) almost impossible. |
| 51 | |
| 52 | Suggestions: |
| 53 | |
| 54 | Instead of redefining font-sizes for many special elements (e.g. “dd tags have font size 11px”), there needs the be a basic set of font styles with clear hierarchy. |
| 55 | Instead of scattering the definitin of margins and paddings wherever they are needed, there needs to be a baseline grid that is strictly adhered to. |
| 56 | Instead of explicitly defining specific styles for special elements (e.g. “changelist filter has a bottom border”), there needs to be a clear set of generic module classes. |