Tokentextarea: Adjusts VI effect for add/remove block

[platform/framework/web/web-ui-fw.git] / src / themes / tizen / common / jquery.mobile.tizen.tokentextarea.less

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.tokentextarea.less b/src/themes/tizen/common/jquery.mobile.tizen.tokentextarea.less
index dd6aaf1..c7aa039 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.tizen.tokentextarea.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.tokentextarea.less
@@ -3,15 +3,16 @@
 .ui-tokentextarea {
        display : table;
        outline : none;
+       position : relative;
 }
 
 .ui-tokentextarea .ui-tokentextarea-label {
        display : inline-block;
        text-align : center;
        position : relative;
-       margin-left : .3em;
-       margin-right : .3em;
-       padding : .6em 0em;
+       margin-left : 5px;
+       margin-right : 5px;
+       padding : 10px 0px;
        color : @color_tokentextarea_label_text;
        font-weight : bold;
        text-align : center;
@@ -23,7 +24,7 @@
        position : relative;
        border : 0 !important;
        padding : 0 !important;
-       margin : .5em;
+       margin : 8px;
        color : @color_tokentextarea_input_text;
        text-align : left;
        font-size : 1em;
@@ -42,11 +43,11 @@
        text-align : center;
        cursor : pointer;
        position : relative;
-       margin-left : .3em;
-       margin-right : .3em;
-       margin-bottom : .3em;
-       margin-top : .3em;
-       padding : .2em .5em;
+       margin-left : 5px;
+       margin-right : 5px;
+       margin-bottom : 5px;
+       margin-top : 5px;
+       padding : 3px 8px;
        font-size : 1em;
        text-shadow : 0 .1em .1em rgba(0,0,0,.3);
        -ms-border-radius : .2em;
@@ -66,7 +67,7 @@ div.ui-tokentextarea-block {
        background-image : url(./images/00_contacts_button_header.png);
        background-size : contain;
        background-repeat : no-repeat;
-       padding-left : .7em;
+       padding-left : 11px;
 }
 
 div.ui-tokentextarea-sblock {
@@ -74,7 +75,7 @@ div.ui-tokentextarea-sblock {
        background-image : url(./images/00_contacts_button_header_press.png);
        background-size : contain;
        background-repeat : no-repeat;
-       padding-left : .7em;
+       padding-left : 11px;
 }
 
 .ui-tokentextarea .ui-tokentextarea-desclabel {
@@ -87,6 +88,8 @@ div.ui-tokentextarea-sblock {
        font-size : 1em;
 }
 
-.ui-tokentextarea-focus-button {
-    background-image : url(./images/00_button_expand_opened.png);
- }
+.ui-tokentextarea-link-base {
+       position : absolute;
+       right : 0em;
+       bottom : .2em;
+}