From 544677135c40455bc2936e7731460049707c2ace Mon Sep 17 00:00:00 2001 From: Igor Zhukov Date: Tue, 16 Dec 2014 16:12:23 -0800 Subject: [PATCH] Style fixes Reverted dialog photo size Increase conversation photos size Updated unread dialog badge and conversations list badge --- app/css/app.css | 10 +++++----- app/css/desktop.css | 19 ++++++++----------- 2 files changed, 13 insertions(+), 16 deletions(-) diff --git a/app/css/app.css b/app/css/app.css index 0f924eb1..029c907e 100644 --- a/app/css/app.css +++ b/app/css/app.css @@ -1099,7 +1099,7 @@ a.im_dialog_selected .im_dialog_message_text { height: 8px; border-radius: 5px; overflow: hidden; - margin: 10px 0 0; + margin: 12px 0 0; } a.im_dialog:hover .im_dialog_unread, @@ -1235,19 +1235,19 @@ a.im_dialog_selected .im_dialog_date { .im_message_from_photo, .im_message_contact_photo, .im_message_fwd_photo { - width: 34px; - height: 34px; + width: 36px; + height: 36px; border-radius: 50%; overflow: hidden; } .im_message_from_photo .peer_initials, .im_message_contact_photo .peer_initials, .im_message_fwd_photo .peer_initials { - line-height: 34px; + line-height: 36px; } a.im_message_from_photo, a.im_message_contact_photo { - margin: 1px 12px 0 0; + margin: 0 12px 0 0; } .non_osx .im_message_contact_name { font-size: 12px; diff --git a/app/css/desktop.css b/app/css/desktop.css index 1338578d..dcf23d00 100644 --- a/app/css/desktop.css +++ b/app/css/desktop.css @@ -558,11 +558,11 @@ a.im_panel_peer_photo .peer_initials { .im_panel_peer_online { background: #6ec26d; - border: 1px solid #FFF; + border: 2px solid #FFF; display: block; - width: 11px; - height: 11px; - border-radius: 6px; + width: 14px; + height: 14px; + border-radius: 7px; overflow: hidden; position: absolute; margin-top: -12px; @@ -995,21 +995,18 @@ a.im_panel_peer_photo .peer_initials { padding-right: 18px; } .im_dialog_photo { - width: 50px; - height: 50px; - line-height: 50px; + width: 48px; + height: 48px; + line-height: 48px; border-radius: 50%; } div.im_dialog_photo { margin-right: 12px; } div.im_dialog_photo .peer_initials { - line-height: 50px; + line-height: 48px; font-size: 18px; } -.im_dialog_peer { - margin-top: 4px; -} .im_dialog_message { margin-top: 5px; }