diff options
author | IBBoard <github@ibboard.co.uk> | 2015-04-09 15:46:08 +0100 |
---|---|---|
committer | IBBoard <github@ibboard.co.uk> | 2015-04-09 15:46:08 +0100 |
commit | 8b844bf963cc913cd326d9207469d893bac7d6c5 (patch) | |
tree | 67f72789a6c0f6a6e2fedd35a79f1dbb32c20fae /css | |
parent | 4bb418b1b86ca889ba691d217b3daf457d00a3a4 (diff) |
Tweak title spacing to keep size but reduce huge gaps
Particularly in Compact mode, having 40px line height on 16px text results in large spaces in the middle of expanded multi-line titles. This wastes space and looks odd.
The three extra lines of CSS keep the standard positioning the same, keep the click box size the same, but keep headers looking more like:
Some RSS feed item
with two lines
rather than:
Some RSS feed item
with two lines (or is it something different? It is just so far away!)
Diffstat (limited to 'css')
-rw-r--r-- | css/content.css | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/css/content.css b/css/content.css index c7ed2b48c..cb6eb0224 100644 --- a/css/content.css +++ b/css/content.css @@ -322,11 +322,13 @@ white-space: nowrap; overflow: hidden; width: 100%; - line-height: 40px; display: inline-block; color: #222; font-weight: bold; font-size: 16px; + line-height: 1.5; + padding-top: 8px; + min-height: 40px; } #app-content .open .utils .title h1 a { |