diff --git a/app/css/app_mobile.css b/app/css/app_mobile.css index bb87412c..6f66cb17 100644 --- a/app/css/app_mobile.css +++ b/app/css/app_mobile.css @@ -361,7 +361,7 @@ html { .im_message_fwd .im_message_text { min-height: 21px; -} +} .im_grouped_fwd .im_message_text, .im_grouped_fwd_short .im_message_text { min-height: 0; @@ -509,16 +509,18 @@ a.im_message_video_thumb { font-size: 15px; float: left; position: relative; - max-width: 80%; + margin-left: 0; + margin-right: 0; + max-width: 100%; } .im_message_out.im_content_message_wrap { - margin-right: 0; - margin-left: 80px; + padding-left: 60px; + padding-right: 0; float: right; } .im_message_in.im_content_message_wrap { - margin-right: 65px; - margin-left: 0; + padding-left: 0; + padding-right: 42px; } .im_message_fwd.im_content_message_wrap { float: none; @@ -528,14 +530,13 @@ a.im_message_video_thumb { .im_history_messages_group .im_grouped .im_message_in.im_content_message_wrap, .im_history_messages_group .im_grouped_fwd .im_message_in.im_content_message_wrap, .im_history_messages_group .im_grouped_fwd_short .im_message_in.im_content_message_wrap { - /*margin-top: 0;*/ - margin-left: 45px; + padding-left: 45px; } .im_grouped_short .im_message_out.im_message_fwd, .im_grouped .im_message_out.im_message_fwd, .im_grouped_fwd .im_message_out.im_message_fwd, .im_grouped_fwd_short .im_message_out.im_message_fwd { - margin-left: 80px; + padding-left: 80px; } .im_grouped_short .im_content_message_wrap, .im_grouped .im_content_message_wrap { @@ -561,14 +562,14 @@ a.im_message_video_thumb { float: none; position: absolute; bottom: 6px; - right: -44px; + right: 0; } .im_message_date { font-size: 12px; } .im_message_out .im_message_meta { right: auto; - left: -60px; + left: 0; } .im_grouped_fwd .im_message_meta, diff --git a/app/partials/im.html b/app/partials/im.html index 8bab53ab..c2ae351e 100644 --- a/app/partials/im.html +++ b/app/partials/im.html @@ -272,7 +272,7 @@