[Telegram] Fixed the layout of thread list

Change-Id: I9eb60582338ca7f9e605d03d70e6dc42535058a9

diff --git a/TelegramTizen/res/edje/telegram_init_screen.edc b/TelegramTizen/res/edje/telegram_init_screen.edc
index 96f10b0..a771bbb 100644 (file)
--- a/TelegramTizen/res/edje/telegram_init_screen.edc
+++ b/TelegramTizen/res/edje/telegram_init_screen.edc
@@ -855,8 +855,8 @@ collections {
             precise_is_inside: 1;
             description { 
                state: default 0.0;
-               rel1.relative: 0.1 0.0;
-               rel2.relative: 0.9 1.0;
+               rel1.relative: 0.0 0.0;
+               rel2.relative: 1.0 1.0;
                image.normal: "camera_btn_gallery_mask.png";
             }
          }
@@ -873,12 +873,20 @@ collections {
          }
          part { 
             name: content;
-            type: SWALLOW;
-            clip_to: masking;
+            type: TEXT;
             description {
                 state: default 0.0;
-               rel1.relative: 0.0 0.2;
-               rel2.relative: 1.0 1.0;               
+               rel1.relative: 0.5 0.5;
+               rel2.relative: 0.5 0.5;
+               min: 50 50;
+               color: 255 255 255 255;
+               fixed:1 1;
+               text {
+                  font: "Tizen:style=Regular";
+                  size: 30;
+                  align: 0.5 0.5;
+                  min: 1 1;
+               }               
             }
          }
       }
@@ -889,13 +897,12 @@ collections {
       parts {
           part { 
             name: masking_bg;
-            type: RECT;
+            type: SPACER;
             precise_is_inside: 1;
             description {
                 state: default 0.0;
-               rel1.relative: 0.0 0.08;
-               rel2.relative: 1.0 0.92;
-               color: 250 250 250 0;
+               rel1.relative: 0.0 0.0;
+               rel2.relative: 1.0 1.0;
             }
          }
          part { 
@@ -904,8 +911,8 @@ collections {
             precise_is_inside: 1;
             description { 
                state: default 0.0;
-               rel1.relative: 0.0 0.08;
-               rel2.relative: 1.0 0.92;
+               rel1.relative: 0.0 0.0;
+               rel2.relative: 1.0 1.0;
                image.normal: "camera_btn_gallery_mask.png";
             }
          }
@@ -2505,63 +2512,119 @@ group
                }
        }
     
-   group { 
-         name: "main_list_custom_sent_item";
-      parts {
-         part { 
-            name: "swallow.icon";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.032 0.032;
-               rel2.relative: 0.178 0.968;
-               color: 0 0 0 0;         
-            }
-         }
-      
-         part {
-            name: "swallow.title";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.21 0.132;
-               rel2.relative: 0.65 0.468;
-               color: 0 0 0 0;
-            }
-         }
-         part {
-            name: "swallow.read_unread_status";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.7 0.032;
-               rel2.relative: 0.8 0.5;
-               color: 0 0 0 0;
-            }
-         }
-         part {
-            name: "swallow.date";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.74 0.132;
-               rel2.relative: 0.95 0.468;
-               color: 0 0 0 0;
-            }
-         }
-         
-         part {
-            name: "swallow.last_message";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.21 0.532;
-               rel2.relative: 0.8 0.968;
-               color: 0 0 0 0;
-            }
-         }
-      }
-    }
+       group {
+               name: "main_list_custom_sent_item";
+               parts {
+                       part {
+                               name: "left,pad";
+                               type: SPACER;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1.relative: 0.0 0.0;
+                                       rel2.relative: 0.0 1.0;
+                                       align: 0.0 0.5;
+                                       min: 32 0;
+                                       fixed: 1 0;
+                               }
+                       }
+                       part {
+                               name: "right,pad";
+                               type: SPACER;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1.relative: 1.0 0.0;
+                                       rel2.relative: 1.0 1.0;
+                                       align: 1.0 0.5;
+                                       min: 32 0;
+                                       fixed: 1 0;
+                               }
+                       }
+                       part {
+                               name: "swallow.icon";
+                               type: SWALLOW;            
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 1.0 0.5; to: "left,pad"; }
+                                       rel2 { relative: 1.0 0.5; to: "left,pad"; }
+                                       align: 0.0 0.5;
+                                       min: 98 98;
+                                       fixed: 1 1;         
+                               }
+                       }
+                       part {
+                               name: "text,left,pad";
+                               type: SPACER;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 1.0 0.0; to_x: "swallow.icon"; }
+                                       rel2 { relative: 1.0 1.0; to_x: "swallow.icon"; }
+                                       align: 0.0 0.5;
+                                       min: 32 0;
+                                       fixed: 1 0;         
+                               }
+                       }
+                       part {
+                               name: "swallow.read_unread_status";
+                               type: SWALLOW;            
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 0.0 0.0; to: "swallow.date"; }
+                                       rel2 { relative: 0.0 1.0; to: "swallow.date"; }
+                                       align: 1.0 0.0;
+                                       min: 54 0 ;
+                                       fixed: 1 0;
+                               }
+                       }
+                       part {
+                               name: "swallow.date";
+                               type: SWALLOW;            
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 0.0 0.0; to_x: "right,pad"; to_y: "swallow.icon"; }
+                                       rel2 { relative: 0.0 0.0; to_x: "right,pad"; to_y: "swallow.icon"; }
+                                       align: 1.0 0.0;
+                                       min: 121 54;
+                                       fixed: 1 1;
+                               }
+                       }
+                       part {
+                               name: "text,right,pad";
+                               type: SPACER;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; to_x: "swallow.date"; }
+                                       rel2 { relative: 0.0 1.0; to_x: "swallow.date"; }
+                                       align: 1.0 0.5;
+                                       min: 32 0;
+                                       fixed: 1 0;         
+                               }
+                       }
+                       part {
+                               name: "swallow.title";
+                               type: SWALLOW;
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 1.0 0.0; to_x: "text,left,pad"; to_y: "swallow.icon"; }
+                                       rel2 { relative: 0.0 0.0; to_x: "text,right,pad"; to_y: "swallow.icon"; }
+                                       align: 0.0 0.0;
+                                       min: 0 54;
+                                       fixed: 1 1;
+                               }
+                       }
+                       part {
+                               name: "swallow.last_message";
+                               type: SWALLOW;
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 0.0 1.0; to: "swallow.title"; }
+                                       rel2 { relative: 0.0 1.0; to: "swallow.read_unread_status"; }
+                                       align: 0.0 0.0;
+                                       min: 0 43;
+                                       fixed: 0 1;
+                               }
+                       }
+               }
+       }
     
     group { 
          name: "main_list_custom_sent_item_land";
@@ -2621,65 +2684,119 @@ group
       }
     }
     
-    group { 
-         name: "main_list_custom_received_item";
-      parts {
-         part { 
-            name: "swallow.icon";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.032 0.032;
-               rel2.relative: 0.178 0.968;
-               color: 0 0 0 0;         
-            }
-         }
-      
-         part {
-            name: "swallow.title";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.21 0.132;
-               rel2.relative: 0.65 0.468;
-               color: 0 0 0 0;
-            }
-         }
-         part {
-            name: "swallow.date";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.72 0.132;
-               rel2.relative: 0.95 0.468;
-               color: 0 0 0 0;
-            }
-         }
-         
-         part {
-            name: "swallow.last_message";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.21 0.532;
-               rel2.relative: 0.8 0.968;
-               color: 0 0 0 0;
-            }
-         }
-                  
-         part {
-            name: "swallow.unread_count";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.82 0.532;
-               rel2.relative: 0.92 0.968;
-                color: 0 0 0 0;
-            }
-         }
-         
-      }
-    }
+       group {
+               name: "main_list_custom_received_item";
+               parts {
+                       part {
+                               name: "left,pad";
+                               type: SPACER;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1.relative: 0.0 0.0;
+                                       rel2.relative: 0.0 1.0;
+                                       align: 0.0 0.5;
+                                       min: 32 0;
+                                       fixed: 1 0;
+                               }
+                       }
+                       part {
+                               name: "right,pad";
+                               type: SPACER;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1.relative: 1.0 0.0;
+                                       rel2.relative: 1.0 1.0;
+                                       align: 1.0 0.5;
+                                       min: 32 0;
+                                       fixed: 1 0;
+                               }
+                       }
+                       part {
+                               name: "swallow.icon";
+                               type: SWALLOW;            
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 1.0 0.5; to: "left,pad"; }
+                                       rel2 { relative: 1.0 0.5; to: "left,pad"; }
+                                       align: 0.0 0.5;
+                                       min: 98 98;
+                                       fixed: 1 1;         
+                               }
+                       }
+                       part {
+                               name: "text,left,pad";
+                               type: SPACER;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 1.0 0.0; to_x: "swallow.icon"; }
+                                       rel2 { relative: 1.0 1.0; to_x: "swallow.icon"; }
+                                       align: 0.0 0.5;
+                                       min: 32 0;
+                                       fixed: 1 0;         
+                               }
+                       }
+                       part {
+                               name: "swallow.unread_count";
+                               type: SWALLOW;            
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 0.0 1.0; to_x: "right,pad"; to_y: "swallow.date"; }
+                                       rel2 { relative: 0.0 1.0; to_x: "right,pad"; to_y: "swallow.date"; }
+                                       align: 1.0 0.0;
+                                       min: 50 50;
+                                       fixed: 1 1;
+                               }
+                       }
+                       part {
+                               name: "swallow.date";
+                               type: SWALLOW;            
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 0.0 0.0; to_x: "right,pad"; to_y: "swallow.icon"; }
+                                       rel2 { relative: 0.0 0.0; to_x: "right,pad"; to_y: "swallow.icon"; }
+                                       align: 1.0 0.0;
+                                       min: 121 54;
+                                       fixed: 1 1;
+                               }
+                       }
+                       part {
+                               name: "text,right,pad";
+                               type: SPACER;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; to_x: "swallow.date"; }
+                                       rel2 { relative: 0.0 1.0; to_x: "swallow.date"; }
+                                       align: 1.0 0.5;
+                                       min: 32 0;
+                                       fixed: 1 0;         
+                               }
+                       }
+                       part {
+                               name: "swallow.title";
+                               type: SWALLOW;
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 1.0 0.0; to_x: "text,left,pad"; to_y: "swallow.icon"; }
+                                       rel2 { relative: 0.0 0.0; to_x: "text,right,pad"; to_y: "swallow.icon"; }
+                                       align: 0.0 0.0;
+                                       min: 0 54;
+                                       fixed: 1 1;
+                               }
+                       }
+                       part {
+                               name: "swallow.last_message";
+                               type: SWALLOW;
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 0.0 1.0; to: "swallow.title"; }
+                                       rel2 { relative: 0.0 1.0; to: "swallow.date"; }
+                                       align: 0.0 0.0;
+                                       min: 0 43;
+                                       fixed: 0 1;
+                               }
+                       }
+               }
+       }
     
     group { 
          name: "main_list_custom_received_item_land";
@@ -2741,53 +2858,119 @@ group
       }
     }
     
-    group { 
-         name: "main_list_custom_no_msg_item";
-      parts {
-         part { 
-            name: "swallow.icon";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.032 0.032;
-               rel2.relative: 0.178 0.968;
-               color: 0 0 0 0;         
-            }
-         }
-      
-         part {
-            name: "swallow.title";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.21 0.132;
-               rel2.relative: 0.65 0.468;
-               color: 0 0 0 0;
-            }
-         }
-         part {
-            name: "swallow.date";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.72 0.132;
-               rel2.relative: 0.95 0.468;
-               color: 0 0 0 0;
-            }
-         }
-         
-         part {
-            name: "swallow.last_message";
-            type: SWALLOW;            
-            description { 
-               state: default 0.0;
-               rel1.relative: 0.21 0.532;
-               rel2.relative: 0.8 0.968;
-               color: 0 0 0 0;
-            }
-         }
-      }
-    }
+       group {
+               name: "main_list_custom_no_msg_item";
+               parts {
+                       part {
+                               name: "left,pad";
+                               type: SPACER;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1.relative: 0.0 0.0;
+                                       rel2.relative: 0.0 1.0;
+                                       align: 0.0 0.5;
+                                       min: 32 0;
+                                       fixed: 1 0;
+                               }
+                       }
+                       part {
+                               name: "right,pad";
+                               type: SPACER;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1.relative: 1.0 0.0;
+                                       rel2.relative: 1.0 1.0;
+                                       align: 1.0 0.5;
+                                       min: 32 0;
+                                       fixed: 1 0;
+                               }
+                       }
+                       part {
+                               name: "swallow.icon";
+                               type: SWALLOW;            
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 1.0 0.5; to: "left,pad"; }
+                                       rel2 { relative: 1.0 0.5; to: "left,pad"; }
+                                       align: 0.0 0.5;
+                                       min: 98 98;
+                                       fixed: 1 1;         
+                               }
+                       }
+                       part {
+                               name: "text,left,pad";
+                               type: SPACER;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 1.0 0.0; to_x: "swallow.icon"; }
+                                       rel2 { relative: 1.0 1.0; to_x: "swallow.icon"; }
+                                       align: 0.0 0.5;
+                                       min: 32 0;
+                                       fixed: 1 0;         
+                               }
+                       }
+                       part {
+                               name: "swallow.read_unread_status";
+                               type: SWALLOW;            
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 0.0 0.0; to: "swallow.date"; }
+                                       rel2 { relative: 0.0 1.0; to: "swallow.date"; }
+                                       align: 1.0 0.0;
+                                       min: 54 0 ;
+                                       fixed: 1 0;
+                               }
+                       }
+                       part {
+                               name: "swallow.date";
+                               type: SWALLOW;            
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 0.0 0.0; to_x: "right,pad"; to_y: "swallow.icon"; }
+                                       rel2 { relative: 0.0 0.0; to_x: "right,pad"; to_y: "swallow.icon"; }
+                                       align: 1.0 0.0;
+                                       min: 121 54;
+                                       fixed: 1 1;
+                               }
+                       }
+                       part {
+                               name: "text,right,pad";
+                               type: SPACER;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; to_x: "swallow.date"; }
+                                       rel2 { relative: 0.0 1.0; to_x: "swallow.date"; }
+                                       align: 1.0 0.5;
+                                       min: 32 0;
+                                       fixed: 1 0;         
+                               }
+                       }
+                       part {
+                               name: "swallow.title";
+                               type: SWALLOW;
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 1.0 0.0; to_x: "text,left,pad"; to_y: "swallow.icon"; }
+                                       rel2 { relative: 0.0 0.0; to_x: "text,right,pad"; to_y: "swallow.icon"; }
+                                       align: 0.0 0.0;
+                                       min: 0 54;
+                                       fixed: 1 1;
+                               }
+                       }
+                       part {
+                               name: "swallow.last_message";
+                               type: SWALLOW;
+                               description {
+                                       state: default 0.0;
+                                       rel1 { relative: 0.0 1.0; to: "swallow.title"; }
+                                       rel2 { relative: 1.0 1.0; to: "swallow.date"; }
+                                       align: 0.0 0.0;
+                                       min: 0 43;
+                                       fixed: 0 1;
+                               }
+                       }
+               }
+       }
     
     group { 
          name: "main_list_custom_no_msg_item_land";
@@ -3394,13 +3577,12 @@ group
       parts {
           part { 
             name: masking_bg;
-            type: RECT;
+            type: SPACER;
             precise_is_inside: 1;
             description {
                 state: default 0.0;
-               rel1.relative: 0.23 0.1;
-               rel2.relative: 0.77 0.9;
-               color: 250 250 250 0;
+               rel1.relative: 0.0 0.0;
+               rel2.relative: 1.0 1.0;
             }
          }
          part { 
@@ -3409,8 +3591,8 @@ group
             precise_is_inside: 1;
             description { 
                state: default 0.0;
-               rel1.relative: 0.23 0.1;
-               rel2.relative: 0.77 0.9;
+               rel1.relative: 0.0 0.0;
+               rel2.relative: 1.0 1.0;
                image.normal: "camera_btn_gallery_mask.png";
             }
          }

diff --git a/TelegramTizen/src/tg_search_message_view.c b/TelegramTizen/src/tg_search_message_view.c
index 8057ff3..f69862b 100644 (file)
--- a/TelegramTizen/src/tg_search_message_view.c
+++ b/TelegramTizen/src/tg_search_message_view.c
@@ -373,22 +373,14 @@ static Evas_Object* on_chat_item_load_requested(void *data, Evas_Object *obj, co
 
                        } else {
                                if (item->number_of_unread_msgs > 0) {
-                                       Evas_Object* num_lbl = elm_label_add(ad->nf);
-                                       elm_object_style_set(num_lbl, "transparent");
                                        char unread_msgs[256];
-                                       sprintf(unread_msgs, "<font=Tizen:style=Bold color=#ffffff align=center><font_size=25>%d</font_size></font>", item->number_of_unread_msgs);
-                                       elm_object_text_set(num_lbl, unread_msgs);
-                                       evas_object_size_hint_weight_set(num_lbl, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
-                                       evas_object_size_hint_align_set(num_lbl, EVAS_HINT_FILL, EVAS_HINT_FILL);
-                                       evas_object_show(num_lbl);
-
+                                       sprintf(unread_msgs, "%d", item->number_of_unread_msgs);
                                        Evas_Object* msg_status = elm_layout_add(ad->nf);
                                        elm_layout_file_set(msg_status, edj_path, "count_bg_layout");
                                        evas_object_size_hint_weight_set(msg_status, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
                                        evas_object_size_hint_align_set(msg_status, EVAS_HINT_FILL, EVAS_HINT_FILL);
                                        evas_object_show(msg_status);
-                                       elm_object_part_content_set(msg_status, "content", num_lbl);
-                                       //evas_object_color_set(num_lbl, 37, 137, 186, 255 * 0.8);
+                                       elm_object_part_text_set(msg_status, "content", unread_msgs);
                                        elm_object_part_content_set(item_layout, "swallow.unread_count", msg_status);
                                }
                        }

diff --git a/TelegramTizen/src/tg_user_main_view.c b/TelegramTizen/src/tg_user_main_view.c
index b2e18e1..f01c281 100644 (file)
--- a/TelegramTizen/src/tg_user_main_view.c
+++ b/TelegramTizen/src/tg_user_main_view.c
@@ -745,7 +745,7 @@ Evas_Object* on_chat_item_load_requested(void *data, Evas_Object *obj, const cha
 #endif
                char* user_name = str_replace(item->buddy_display_name, "_null_", "");
                char buf[512] = {'\0'};
-               snprintf(buf, 512, "<font=Tizen:style=Bold color=#000000 align=left><font_size=35>%s</font_size></font>", user_name);
+               snprintf(buf, 512, "<font=Tizen:style=Large color=#000000 align=left><font_size=40>%s</font_size></font>", user_name);
                free(user_name);
 
                Evas_Object*  name_lbl = elm_label_add(ad->nf);
@@ -770,31 +770,21 @@ Evas_Object* on_chat_item_load_requested(void *data, Evas_Object *obj, const cha
                        org_msg = strdup("");
                }
 
-               int len_org_str = strlen(org_msg);
-
-               char res[30] = {'\0'};
                char status_buf[126] = {'\0'};
-               if(len_org_str > 30) {
-                       strncpy(res, org_msg, 29);
-                       if(item->last_msg_service) {
-                               sprintf(status_buf,"<font=Tizen:style=Bold color=#158CB0 align=left><font_size=28>%s</font_size></font>", res);
-                       } else {
-                               sprintf(status_buf,"<font=Tizen:style=Bold color=#A4A4A4 align=left><font_size=28>%s</font_size></font>", res);
-                       }
+               if(item->last_msg_service) {
+                       snprintf(status_buf, 125, "<font=Tizen:style=Bold color=#158CB0 align=left><font_size=28>%s</font_size></font>", org_msg);
                } else {
-                       if(item->last_msg_service) {
-                               sprintf(status_buf, "<font=Tizen:style=Bold color=#158CB0 align=left><font_size=28>%s</font_size></font>", org_msg);
-                       } else {
-                               sprintf(status_buf, "<font=Tizen:style=Bold color=#A4A4A4 align=left><font_size=28>%s</font_size></font>", org_msg);
-                       }
+                       snprintf(status_buf, 125, "<font=Tizen:style=Bold color=#A4A4A4 align=left><font_size=28>%s</font_size></font>", org_msg);
                }
+
                free(org_msg);
 
-               Evas_Object*  status_lbl = elm_label_add(ad->nf);
+               Evas_Object* status_lbl = elm_label_add(ad->nf);
                elm_object_text_set(status_lbl, status_buf);
                evas_object_size_hint_weight_set(status_lbl, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
                evas_object_size_hint_align_set(status_lbl, EVAS_HINT_FILL, EVAS_HINT_FILL);
                evas_object_show(status_lbl);
+               elm_label_ellipsis_set(status_lbl, EINA_TRUE);
 
                item->status_lbl = status_lbl;
                evas_object_event_callback_add(item->status_lbl, EVAS_CALLBACK_DEL, on_buddy_user_status_deleted, item);
@@ -825,9 +815,9 @@ Evas_Object* on_chat_item_load_requested(void *data, Evas_Object *obj, const cha
                        }
 
                        char time_str[128]={0,};
-                       sprintf(time_str, "<font=Tizen:style=Normal color=#000000 align=right><font_size=27>%s</font_size></font>", res);
+                       sprintf(time_str, "<font=Tizen:style=Regular color=#666666 align=right><font_size=30>%s</font_size></font>", res);
 
-                       elm_object_text_set(time_lbl,time_str);
+                       elm_object_text_set(time_lbl, time_str);
 
 
                } else {
@@ -846,9 +836,9 @@ Evas_Object* on_chat_item_load_requested(void *data, Evas_Object *obj, const cha
                        }
 
                        char time_str[128]={0,};
-                       sprintf(time_str, "<font=Tizen:style=Normal color=#000000 align=right><font_size=27>%s</font_size></font>", res);
+                       sprintf(time_str, "<font=Tizen:style=Regular color=#666666 align=right><font_size=30>%s</font_size></font>", res);
 
-                       elm_object_text_set(time_lbl,time_str);
+                       elm_object_text_set(time_lbl, time_str);
                }
 
                evas_object_size_hint_weight_set(time_lbl, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
@@ -899,22 +889,15 @@ Evas_Object* on_chat_item_load_requested(void *data, Evas_Object *obj, const cha
 
                        } else {
                                if (item->number_of_unread_msgs > 0) {
-                                       Evas_Object* num_lbl = elm_label_add(ad->nf);
-                                       elm_object_style_set(num_lbl, "transparent");
                                        char unread_msgs[256];
-                                       sprintf(unread_msgs, "<font=Tizen:style=Bold color=#ffffff align=center><font_size=25>%d</font_size></font>", item->number_of_unread_msgs);
-                                       elm_object_text_set(num_lbl, unread_msgs);
-                                       evas_object_size_hint_weight_set(num_lbl, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
-                                       evas_object_size_hint_align_set(num_lbl, EVAS_HINT_FILL, EVAS_HINT_FILL);
-                                       evas_object_show(num_lbl);
+                                       sprintf(unread_msgs, "%d", item->number_of_unread_msgs);
 
                                        Evas_Object* msg_status = elm_layout_add(ad->nf);
                                        elm_layout_file_set(msg_status, edj_path, "count_bg_layout");
                                        evas_object_size_hint_weight_set(msg_status, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
                                        evas_object_size_hint_align_set(msg_status, EVAS_HINT_FILL, EVAS_HINT_FILL);
                                        evas_object_show(msg_status);
-                                       elm_object_part_content_set(msg_status, "content", num_lbl);
-                                       //evas_object_color_set(num_lbl, 37, 137, 186, 255 * 0.8);
+                                       elm_object_part_text_set(msg_status, "content", unread_msgs);
                                        elm_object_part_content_set(item_layout, "swallow.unread_count", msg_status);
                                }
                        }