From d2eb2535eaa79387f01a2c6bb81f87d4bfea11b6 Mon Sep 17 00:00:00 2001
From: Igor Zhukov <igor.beatle@gmail.com>
Date: Mon, 28 Jul 2014 13:45:43 +0400
Subject: [PATCH] Moved mobile bubbles to paddings

---
 app/css/app_mobile.css | 23 ++++++++++++-----------
 app/partials/im.html   |  2 +-
 2 files changed, 13 insertions(+), 12 deletions(-)

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 @@
 </div>
 
 <div class="im_page_footer">
-  <a class="im_page_footer_brand" target="_blank" href="https://github.com/zhukov/webogram">Telegram alpha</a> by izhukov &amp; toberg
+  <a class="im_page_footer_brand" target="_blank" href="https://github.com/zhukov/webogram">Telegram beta</a> by izhukov &amp; toberg
 </div>
 
 <div id="notify_sound"></div>