listview: Adjust bubble listitem width and margin

Set left/right margin for the bubble listitems, and set max width to
100%.
Fixes N_SE-24163.

Change-Id: I5d93b81f233095e611f940d0a6cd59dd24961aba

diff --git a/src/themes/tizen/common/jquery.mobile.listview.less b/src/themes/tizen/common/jquery.mobile.listview.less
index dc0e946..e84d480 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.listview.less
+++ b/src/themes/tizen/common/jquery.mobile.listview.less
@@ -881,7 +881,7 @@ li:not(.ui-li-has-multiline) .ui-li-text-sub {
        .ui-li-bubble-sos {
                display: inline-block;
                background-clip: padding-box;
-               max-width: 80%;
+               max-width: 100%;
                word-wrap: break-word;
                font-size: @list-li-bubble-font-size;
                p, span {
@@ -897,7 +897,7 @@ li:not(.ui-li-has-multiline) .ui-li-text-sub {
        .ui-li-bubble-left {
                //float: left;
                margin-left: 0px;
-               margin-right: auto;
+               margin-right: 1.6rem;
                border-image-source: url(images/00_messagebubble_bg_receive.9.png);
                border-image-slice: 57 14 21 48 fill;
                border-image-width: auto;
@@ -913,8 +913,7 @@ li:not(.ui-li-has-multiline) .ui-li-text-sub {
        }
        .ui-li-bubble-sent,
        .ui-li-bubble-right {
-               //float: right;
-               margin-left: auto;
+               margin-left: 1.6rem;
                margin-right: 0px;
                border-image-source: url(images/00_messagebubble_bg_sent.9.png);
                border-image-slice: 55 47 20 13 fill;
@@ -993,4 +992,4 @@ li:not(.ui-li-has-multiline) .ui-li-text-sub {
        -moz-animation-duration:        0.5s;
        -webkit-transition-timing-function:     linear;
        -moz-transition-timing-function:        linear;
-}
\ No newline at end of file
+}