From beb640493dd1cbe4253cc6def53ddb52febbdd10 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= Date: Wed, 28 May 2014 20:33:57 +0100 Subject: [PATCH] Make timestamps smaller and all the same colour on mobile Different colours on mobile don't really work: either they're too similar to distinguish (and then it just looks strange), or they're too dark to be visible. --- css/glowingbear.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index d1c418a..72fa6d1 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -373,7 +373,7 @@ h2 span, h2 small { @media (max-width: 968px) { #bufferlines table { border-collapse: separate; - border-spacing: 2px 4px; + border-spacing: 2px 6px; } #sidebar { @@ -437,7 +437,13 @@ h2 span, h2 small { } #bufferlines td.time { - padding-right: 4px; + padding-right: 3px; + font-size: 12px; + } + + #bufferlines td.time span.date { + display: block; + margin-top: -2px; } #bufferlines td.prefix { @@ -452,10 +458,10 @@ h2 span, h2 small { display: inline; } - /* they're practically invisible otherwise */ + /* a different colour is too irregular on mobile */ .repeated-time .cof-chat_time, .repeated-time .cof-chat_time_delimiters { - color: #444; + color: #999; } .footer {