Merge lp:~openerp-dev/openerp-web/trunk-fontawsome into lp:openerp-web

[Ishwar Malvi(OpenERP)]

Hello,
     i have applied fontawesome icons and replaced .oe_i, .oe_e with fontawesome class .fa.

Thanks,
Ishwar Malvi(ima)

Unmerged revisions

3907. By Ishwar Malvi(OpenERP) on 2013-12-11

[IMP]improved code formview icon, star icon and kanban dropdown icon.

3906. By Ishwar Malvi(OpenERP) on 2013-12-11

[MERGE]with trunk.

3905. By Ishwar Malvi(OpenERP) on 2013-12-06

[IMP]improved message for search test case.

3904. By Ishwar Malvi(OpenERP) on 2013-12-06

[IMP]improved code for search view and search test case.

3903. By Ishwar Malvi(OpenERP) on 2013-12-06

[IMP]improved code for search view and attach file button.

3902. By Ishwar Malvi(OpenERP) on 2013-12-06

[MERGE]with trunk.

3901. By Ishwar Malvi(OpenERP) on 2013-12-06

[IMP]improved code for search view to select filter and group.

3900. By Ishwar Malvi(OpenERP) on 2013-12-05

[IMP]improved code to replace .oe_e to .fa and also for searchview.

3899. By Ishwar Malvi(OpenERP) on 2013-12-04

[MERGE]with trunk.

3898. By Ishwar Malvi(OpenERP) on 2013-12-04

[IMP]improved code for kanban, graphview and attach file icon.

=== modified file 'addons/web/static/src/css/base.css'
--- addons/web/static/src/css/base.css	2013-12-02 13:19:43 +0000
+++ addons/web/static/src/css/base.css	2013-12-16 05:51:14 +0000
@@ -341,16 +341,6 @@
   filter: alpha(opacity=30);
   opacity: 0.3;
 }
-.openerp .oe_i {
-  font-family: "mnmliconsRegular" !important;
-  font-size: 21px;
-  font-weight: 300 !important;
-}
-.openerp .oe_e {
-  font-family: "entypoRegular" !important;
-  font-size: 34px;
-  font-weight: 300 !important;
-}
 .openerp .oe_left {
   float: left;
   margin-right: 8px;
@@ -519,7 +509,6 @@
   text-shadow: 0 0 2px black;
   vertical-align: top;
   position: relative;
-  top: -5px;
 }
 .openerp .oe_webclient .oe_star_on:hover, .openerp .oe_webclient .oe_star_off:hover {
   text-decoration: none;
@@ -1482,18 +1471,15 @@
 }
 .openerp .oe_view_manager .oe_view_manager_switch .oe_vm_switch_list:after, .openerp .oe_view_manager .oe_view_manager_switch .oe_vm_switch_tree:after {
   padding: 2px;
-  content: "i";
+  content: "\f0c9";
 }
 .openerp .oe_view_manager .oe_view_manager_switch .oe_vm_switch_form:after {
-  content: "m";
+  content: "\f096";
+  font-size: 17px;
+  font-weight: bold;
 }
 .openerp .oe_view_manager .oe_view_manager_switch .oe_vm_switch_graph:after {
-  font-family: "mnmliconsRegular" !important;
-  font-size: 21px;
-  font-weight: 300 !important;
-  content: "}";
-  top: -2px;
-  position: relative;
+  content: "\f080";
 }
 .openerp .oe_view_manager .oe_view_manager_switch .oe_vm_switch_gantt:after {
   font-family: "mnmliconsRegular" !important;
@@ -1504,10 +1490,10 @@
   position: relative;
 }
 .openerp .oe_view_manager .oe_view_manager_switch .oe_vm_switch_calendar:after {
-  content: "P";
+  content: "\f133";
 }
 .openerp .oe_view_manager .oe_view_manager_switch .oe_vm_switch_kanban:after {
-  content: "k";
+  content: "\f009";
 }
 .openerp .oe_view_manager .oe_view_manager_switch .oe_vm_switch_diagram:after {
   content: "f";
@@ -1752,8 +1738,9 @@
   color: white;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
 }
-.openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_category.oe_i {
-  font-size: 16px;
+.openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_category.fa {
+  font-size: 13px;
+  margin-top: -4px;
 }
 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_value {
   border-left: 1px solid #afafb6;
@@ -1875,14 +1862,11 @@
   position: relative;
 }
 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_section li.oe_selected:before {
-  content: "W";
-  font-family: "entypoRegular" !important;
-  font-size: 24px;
-  font-weight: 300 !important;
+  font-family: "FontAwesome" !important;
+  content: "\f00c";
   color: #a3a3a3;
   position: absolute;
   left: 4px;
-  top: -2px;
 }
 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_section li:hover {
   background-color: #f0f0fa;
@@ -2576,10 +2560,11 @@
   border: none;
   text-shadow: none;
 }
-.openerp .oe_fileupload .oe_add button.oe_attach .oe_e {
+.openerp .oe_fileupload .oe_add button.oe_attach .fa {
   position: relative;
-  top: -1px;
-  left: -9px;
+  top: -4px;
+  left: -4px;
+  font-size: 20px;
 }
 .openerp .oe_fileupload .oe_add input.oe_form_binary_file {
   display: inline-block;
@@ -2591,7 +2576,7 @@
 }
 .openerp .oe_fileupload .oe_add .oe_attach_label {
   color: #7c7bad;
-  margin-left: -3px;
+  margin-left: -1px;
 }
 .openerp .oe_fileupload .oe_attachments {
   margin-bottom: 4px;
@@ -2605,11 +2590,11 @@
   padding-left: 4px;
   padding-right: 4px;
 }
-.openerp .oe_fileupload .oe_attachments .oe_attachment .oe_e {
+.openerp .oe_fileupload .oe_attachments .oe_attachment .fa {
   font-size: 23px;
   margin-top: -5px;
 }
-.openerp .oe_fileupload .oe_attachments .oe_attachment .oe_e:hover {
+.openerp .oe_fileupload .oe_attachments .oe_attachment .fa:hover {
   text-decoration: none;
 }
 .openerp .oe_fileupload .oe_attachments .oe_attachment:nth-child(odd) {
@@ -2829,9 +2814,6 @@
   padding: 0px 8px;
   line-height: 16px;
 }
-.openerp .oe_form_field_one2many > .oe_view_manager .oe_view_manager_header2 td .oe_i, .openerp .oe_form_field_many2many > .oe_view_manager .oe_view_manager_header2 td .oe_i {
-  font-size: 13px;
-}
 .openerp .oe_form_field_one2many > .oe_view_manager .oe_view_manager_header2 td .oe_pager_group, .openerp .oe_form_field_many2many > .oe_view_manager .oe_view_manager_header2 td .oe_pager_group {
   height: auto;
   line-height: 16px;
@@ -3407,7 +3389,7 @@
   .openerp .tree_header button, .openerp .oe_mail .oe_mail_thread_msg .oe_mail_unread, .openerp .oe_mail_fetch_more, .openerp .oe_m2o_drop_down_button img, .openerp .oe_form_field_one2many_list_row_add {
     visibility: hidden;
   }
-  .openerp a.oe_m2o_cm_button, .openerp a.oe_e {
+  .openerp a.oe_m2o_cm_button, .openerp a.fa {
     visibility: hidden;
   }
   .openerp .oe_form .oe_form_field_date img, .openerp .oe_form .oe_form_field_datetime img {
@@ -3574,6 +3556,16 @@
   height: 18px;
 }
 
+.fa {
+  padding-top: 5px !important;
+  font-family: FontAwesome !important;
+}
+
+.fa-star {
+  font-size: 15px;
+  padding-top: 4px;
+}
+
 input[type="radio"], input[type="checkbox"] {
   margin-right: 4px;
   margin-left: 4px;

=== modified file 'addons/web/static/src/css/base.sass'
--- addons/web/static/src/css/base.sass	2013-12-02 13:19:43 +0000
+++ addons/web/static/src/css/base.sass	2013-12-16 05:51:14 +0000
@@ -362,14 +362,6 @@
 
     // }}}
     // Generic classes {{{
-    .oe_i
-        font-family: "mnmliconsRegular" !important
-        font-size: 21px
-        font-weight: 300 !important
-    .oe_e
-        font-family: "entypoRegular" !important
-        font-size: 34px
-        font-weight: 300 !important
     .oe_left
         float: left
         margin-right: 8px
@@ -462,7 +454,6 @@
             text-shadow: 0 0 2px black
             vertical-align: top
             position: relative
-            top: -5px
         .oe_star_on:hover, .oe_star_off:hover
             text-decoration: none
         .oe_star_on
@@ -472,7 +463,7 @@
     .oe_grey
         color: #aaa
     // Added for generic error message and customize bootstrap3 <pre>,<hr>
-    .oe_error_detail 
+    .oe_error_detail
         hr
             display: block
             -webkit-margin-before: 0.5em
@@ -605,7 +596,7 @@
         //Customize label weight according bootstrap3
         > label:not([for])
             font-weight: normal !important
-        // End of customize 
+        // End of customize
     div.ui-tabs
         padding: 3px 0px 3px 0px
     .ui-tabs-hide
@@ -1207,16 +1198,14 @@
                     position: relative
             .oe_vm_switch_list:after, .oe_vm_switch_tree:after
                 padding: 2px
-                content: "i"
+                content: "\f0c9" // customize according FontAwesome
             .oe_vm_switch_form:after
-                content: "m"
+                // customize according FontAwesome
+                content: "\f096"
+                font-size: 17px
+                font-weight: bold
             .oe_vm_switch_graph:after
-                font-family: "mnmliconsRegular" !important
-                font-size: 21px
-                font-weight: 300 !important
-                content: "}"
-                top: -2px
-                position: relative
+                content: "\f080" // customize according FontAwesome and replace piechart icon to barchart due to absence of piechart icon
             .oe_vm_switch_gantt:after
                 font-family: "mnmliconsRegular" !important
                 font-size: 21px
@@ -1225,9 +1214,9 @@
                 top: -2px
                 position: relative
             .oe_vm_switch_calendar:after
-                content: "P"
+                content: "\f133" // customize according FontAwesome
             .oe_vm_switch_kanban:after
-                content: "k"
+                content: "\f009" // customize according FontAwesome
             .oe_vm_switch_diagram:after
                 content: "f"
         // }}}
@@ -1293,7 +1282,7 @@
             display: none
     // }}}
     // FormPopup {{{
-    .oe_popup_form 
+    .oe_popup_form
         .oe_formview .oe_form_pager
             display: none !important
         // Customize label weight for popup wizard appear from another wizard according bootstrap3
@@ -1327,7 +1316,7 @@
         input[type="checkbox"]
             margin: 3px 3px 3px 4px
         select
-            margin: 2px 4px 2px 0 
+            margin: 2px 4px 2px 0
         //End of customize
         &.oe_focused
             border-color: $tag-border-selected
@@ -1412,8 +1401,11 @@
                 .oe_facet_category
                     color: white
                     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)
-                .oe_facet_category.oe_i
-                    font-size: 16px
+                // Customize for search view filter and group icon according FontAwesome
+                .oe_facet_category.fa
+                    font-size: 13px
+                    margin-top: -4px
+                // End of customize
                 .oe_facet_value
                     border-left: 1px solid $tag-border
                     text-shadow: 0 1px 1px white
@@ -1506,14 +1498,13 @@
                     cursor: pointer
                     position: relative
                     &.oe_selected:before
-                        content: "W"
-                        font-family: "entypoRegular" !important
-                        font-size: 24px
-                        font-weight: 300 !important
+                        // customize according FontAwesome
+                        font-family: "FontAwesome" !important
+                        content: "\f00c"
+                        // End of customize
                         color: #a3a3a3
                         position: absolute
                         left: 4px
-                        top: -2px
                     // after oe_selected so background color is not overridden
                     &:hover
                         background-color: $hover-background
@@ -2075,10 +2066,13 @@
                 box-shadow: none
                 border: none
                 text-shadow: none
-                .oe_e
+                // Customize .oe_e to .fa according FontAwesome
+                .fa
                     position: relative
-                    top: -1px
-                    left: -9px
+                    top: -4px
+                    left: -4px
+                    font-size: 20px
+                // End of customize
             input.oe_form_binary_file
                 display: inline-block
                 margin-left: -85px
@@ -2088,7 +2082,7 @@
                 cursor: pointer
             .oe_attach_label
                 color: #7C7BAD
-                margin-left: -3px
+                margin-left: -1px
         .oe_attachments
             margin-bottom: 4px
             margin-right: 0px
@@ -2099,10 +2093,10 @@
                 padding: 2px
                 padding-left: 4px
                 padding-right: 4px
-                .oe_e
+                .fa
                     font-size: 23px
                     margin-top: -5px
-                .oe_e:hover
+                .fa:hover
                     text-decoration: none
             .oe_attachment:nth-child(odd)
                 background: white
@@ -2253,8 +2247,6 @@
                 td
                     padding: 0px 8px
                     line-height: 16px
-                    .oe_i
-                        font-size: 13px
                     .oe_pager_group
                         height: auto
                         line-height: 16px
@@ -2687,7 +2679,7 @@
                     filter: alpha(opacity = 0)
                     border: none
                     width: 0
-                    border-right: none 
+                    border-right: none
             > .label
                 border-bottom: 1px solid #cacaca
                 background: transparent
@@ -2717,7 +2709,7 @@
         .tree_header button, .oe_mail .oe_mail_thread_msg .oe_mail_unread, .oe_mail_fetch_more, .oe_m2o_drop_down_button img, .oe_form_field_one2many_list_row_add
             visibility: hidden
         a
-            &.oe_m2o_cm_button, &.oe_e
+            &.oe_m2o_cm_button, &.fa
                 visibility: hidden
         .oe_form
             .oe_form_field_date img, .oe_form_field_datetime img
@@ -2851,6 +2843,15 @@
     height: 18px
 // End hack}}}
 
+
+//Customize global tags for FontAwesome
+.fa
+    padding-top: 5px !important
+    font-family: FontAwesome !important
+.fa-star
+    font-size: 15px
+    padding-top: 4px
+//End of customize
 input[type="radio"], input[type="checkbox"]
     margin-right: 4px
     margin-left: 4px

=== modified file 'addons/web/static/src/js/search.js'
--- addons/web/static/src/js/search.js	2013-12-13 09:35:42 +0000
+++ addons/web/static/src/js/search.js	2013-12-16 05:51:14 +0000
@@ -632,7 +632,7 @@
     make_widgets: function (items, fields, group) {
         if (!group) {
             group = new instance.web.search.Group(
-                this, 'q', {attrs: {string: _t("Filters")}});
+                this, 'fa-filter', {attrs: {string: _t("Filters")}});
         }
         var self = this;
         var filters = [];
@@ -650,7 +650,7 @@
                 break;
             case 'group':
                 self.make_widgets(item.children, fields,
-                    new instance.web.search.Group(group, 'w', item));
+                    new instance.web.search.Group(group, 'fa-stack-exchange', item));
                 break;
             case 'field':
                 var field = this.make_field(
@@ -1039,7 +1039,7 @@
 });
 instance.web.search.FilterGroup = instance.web.search.Input.extend(/** @lends instance.web.search.FilterGroup# */{
     template: 'SearchView.filters',
-    icon: 'q',
+    icon: 'fa-filter',
     completion_label: _lt("Filter on: %s"),
     /**
      * Inclusive group of filters, creates a continuous "button" with clickable
@@ -1207,7 +1207,7 @@
     }
 });
 instance.web.search.GroupbyGroup = instance.web.search.FilterGroup.extend({
-    icon: 'w',
+    icon: 'fa-stack-exchange',
     completion_label: _lt("Group by: %s"),
     init: function (filters, parent) {
         this._super(filters, parent);
@@ -1683,7 +1683,7 @@
     facet_for: function (filter) {
         return {
             category: _t("Custom Filter"),
-            icon: 'M',
+            icon: 'fa-star',
             field: {
                 get_context: function () { return filter.context; },
                 get_groupby: function () { return [filter.context]; },
@@ -1819,7 +1819,7 @@
         var col1 = [], col2 = visible_filters.map(function (group) {
                 var filters = _(group.children).filter(is_group);
                 return {
-                    name: _.str.sprintf("<span class='oe_i'>%s</span> %s",
+                    name: _.str.sprintf("<span class='fa %s'></span> %s",
                             group.icon, group.name),
                     filters: filters,
                     length: _(filters).chain().map(function (i) {

=== modified file 'addons/web/static/src/xml/base.xml'
--- addons/web/static/src/xml/base.xml	2013-12-02 13:19:43 +0000
+++ addons/web/static/src/xml/base.xml	2013-12-16 05:51:14 +0000
@@ -26,7 +26,7 @@
     </div>
 </t>
 <t t-name="Tipsy.alert">
-    <a class="oe_tooltip_close oe_e">[</a>
+    <a class="oe_tooltip_close fa">[</a>
     <span style="float:left; margin:2px 5px 0 0;" class="ui-icon ui-icon-alert ui-state-error"></span>
     <div class="oe_tooltip_message">
         <t t-esc="message"/>
@@ -131,7 +131,7 @@
                     <tr>
                         <td><label for="db_name">Select a database name:</label></td>
                         <td>
-                            <input type="text" name="db_name" class="required" matches="^[a-zA-Z0-9][a-zA-Z0-9_-]+$" autofocus="true" placeholder="e.g. mycompany"/> 
+                            <input type="text" name="db_name" class="required" matches="^[a-zA-Z0-9][a-zA-Z0-9_-]+$" autofocus="true" placeholder="e.g. mycompany"/>
                         </td>
                     </tr>
                     <tr>
@@ -529,7 +529,7 @@
                 <td>
                     <ul class="oe_view_manager_switch oe_button_group oe_right">
                         <t t-if="widget.views_src.length > 1" t-foreach="widget.views_src" t-as="view">
-                          <li class="oe_e">
+                          <li class="fa">
                             <a t-attf-class="oe_vm_switch_#{view.view_type}" t-att-data-view-type="view.view_type"
                                t-att-title="view.button_label"/>
                           </li>
@@ -606,10 +606,10 @@
         </button>
         -->
         <li>
-            <a class="oe_i" type="button" data-pager-action="previous">(</a>
+            <a class="fa fa-arrow-left" type="button" data-pager-action="previous"></a>
         </li>
         <li>
-            <a class="oe_i" type="button" data-pager-action="next">)</a>
+            <a class="fa fa-arrow-right" type="button" data-pager-action="next"></a>
         </li>
         <!--
         <button class="oe_button oe_button_pager" type="button" data-pager-action="last">
@@ -790,7 +790,7 @@
             ><t t-raw="render_cell(record, column)"/></td>
     </t>
     <td t-if="options.deletable" class='oe_list_record_delete' width="13px">
-        <button type="button" name="delete" class="oe_i">d</button>
+        <button type="button" name="delete" class="fa fa-trash-o"></button>
     </td>
 </tr>
 <t t-extend="ListView.buttons">
@@ -1065,7 +1065,7 @@
             ></textarea><img class="oe_field_translate oe_input_icon"
                             t-if="widget.field.translate and !widget.get('effective_readonly')"
                             t-att-src='_s + "/web/static/src/img/icons/terp-translate.png"' width="16" height="16" border="0"
-            />            
+            />
         </t>
         <t t-if="widget.get('effective_readonly')">
             <span class="oe_form_text_content"></span>
@@ -1153,7 +1153,7 @@
         </t>
         <t t-if="!widget.get('effective_readonly')">
             <a t-if="! widget.options.no_open" href="#" tabindex="-1"
-                class="oe_m2o_cm_button oe_e" draggable="false">/</a>
+                class="oe_m2o_cm_button fa fa-share-square-o" draggable="false"></a>
             <div>
                 <input type="text"
                     t-att-id="widget.id_for_label"
@@ -1248,7 +1248,7 @@
         <div class="oe_form_field_image_controls oe_edit_only">
             <t t-call="HiddenInputFile">
                 <t t-set="fileupload_id" t-value="widget.fileupload_id"/>
-                Edit 
+                Edit
             </t>
             <div class="oe_form_binary_progress" style="display: none">
                 <img t-att-src='_s + "/web/static/src/img/throbber.gif"' width="16" height="16"/>
@@ -1347,7 +1347,7 @@
                         <t t-raw="file.name || file.filename"/>
                     </a>
                     <t t-if="(!file.upload or file.percent_loaded&gt;=100)">
-                        <a class="oe_right oe_delete oe_e" title="Delete this file" t-attf-data-id="{file.id}">[</a>
+                        <a class="oe_right oe_delete fa" title="Delete this file" t-attf-data-id="{file.id}">[</a>
                     </t>
                 </div>
             </t>
@@ -1369,7 +1369,7 @@
         <div class="oe_placeholder_files"/>
         <div class="oe_add" t-if="!widget.get('effective_readonly')">
             <!-- uploader of file -->
-            <button class="oe_attach"><span class="oe_e">'</span></button> 
+            <button class="oe_attach"><span class="fa fa-paperclip"></span></button>
             <span class='oe_attach_label'><t t-esc="widget.string"/></span>
             <t t-call="HiddenInputFile">
                 <t t-set="fileupload_id" t-value="widget.fileupload_id"/>
@@ -1514,9 +1514,8 @@
      class="oe_tag oe_tag_dark oe_searchview_facet"
      tabindex="0"
     ><span class="oe_facet_remove">x</span
-    ><span class="oe_facet_category oe_i" t-if="widget.model.has('icon')">
-        <t t-esc="widget.model.get('icon')"/>
-    </span
+    ><span class="oe_facet_category fa" t-if="widget.model.has('icon')">
+        <span t-att-class="widget.model.get('icon')"></span></span
     ><span class="oe_facet_category" t-if="!widget.model.has('icon')">
         <t t-esc="widget.model.get('category')"/>
     </span ><span class="oe_facet_values"
@@ -1663,7 +1662,7 @@
 </div>
 <div t-name="SearchView.CustomFilters" class="oe_searchview_custom oe_searchview_section">
     <div>
-        <h3><span class="oe_i">M</span> Custom Filters</h3>
+        <h3><span class="fa fa-star"> </span> Custom Filters</h3>
         <ul class="oe_searchview_custom_list"/>
         <div class="oe_searchview_custom">
             <h4>Save current filter</h4>

=== modified file 'addons/web/static/test/search.js'
--- addons/web/static/test/search.js	2013-11-07 11:12:31 +0000
+++ addons/web/static/test/search.js	2013-12-16 05:51:14 +0000
@@ -1523,8 +1523,8 @@
                         1,
                         "should only display one group");
             strictEqual($fix.find('.oe_searchview_filters h3').text(),
-                        'w Visibles',
-                        "should only display the Visibles group (and its icon char)");
+                        ' Visibles',
+                        "should only display the Visibles group");
 
             var $fs = $fix.find('.oe_searchview_filters ul');
             strictEqual($fs.children().length, 1,

=== modified file 'addons/web_graph/static/src/xml/web_graph.xml'
--- addons/web_graph/static/src/xml/web_graph.xml	2012-09-04 16:42:41 +0000
+++ addons/web_graph/static/src/xml/web_graph.xml	2013-12-16 05:51:14 +0000
@@ -1,6 +1,6 @@
 <template>
     <div t-name="GraphView" id="element-chart" class="oe_semantic_html_override editor-render" style="position:relative; width: 300px;">
-        <a href="#" class="oe_e dropdown-menu-icon" data-toggle="dropdown" title="Graph Options">&amp;iacute;</a>
+        <a href="#" class="fa fa-arrow-circle-o-down dropdown-menu-icon" data-toggle="dropdown" title="Graph Options"></a>
         <div class="graph_header_legend">
         </div>
         <div class="graph-dropdown">

=== modified file 'addons/web_kanban/static/src/css/kanban.css'
--- addons/web_kanban/static/src/css/kanban.css	2013-11-15 11:23:11 +0000
+++ addons/web_kanban/static/src/css/kanban.css	2013-12-16 05:51:14 +0000
@@ -72,7 +72,6 @@
   text-shadow: 0 0 2px black;
   vertical-align: top;
   position: relative;
-  top: -5px;
 }
 .openerp .oe_kanban_view .oe_kanban_content .oe_star_on:hover, .openerp .oe_kanban_view .oe_kanban_content .oe_star_off:hover {
   text-decoration: none;
@@ -193,11 +192,12 @@
 }
 .openerp .oe_kanban_view .oe_kanban_add, .openerp .oe_kanban_view .oe_kanban_header .oe_dropdown_toggle {
   margin-left: 4px;
+  margin-top: -1px;
   cursor: pointer;
   position: relative;
 }
 .openerp .oe_kanban_view .oe_kanban_add {
-  top: -8px;
+  top: -2px;
 }
 .openerp .oe_kanban_view .oe_kanban_header .oe_dropdown_toggle {
   top: -2px;
@@ -455,6 +455,9 @@
 .openerp .oe_kanban_view .oe_kanban_card .oe_dropdown_kanban .oe_kanban_project_times li, .openerp .oe_kanban_view .oe_kanban_quick_create .oe_dropdown_kanban .oe_kanban_project_times li {
   float: left;
 }
+.openerp .oe_kanban_view .oe_kanban_card .fa-arrow-circle-o-down, .openerp .oe_kanban_view .oe_kanban_quick_create .fa-arrow-circle-o-down {
+  padding-top: 7px !important;
+}
 .openerp .oe_kanban_view .oe_kanban_star {
   float: left;
   position: inline-block;
@@ -483,9 +486,9 @@
   -webkit-border-radius: 3px;
   border-radius: 3px;
 }
-.openerp .oe_kanban_view .oe_kanban_footer_left > span .oe_e {
-  line-height: 12px;
-  font-size: 22px;
+.openerp .oe_kanban_view .oe_kanban_footer_left > span .fa {
+  line-height: 5px;
+  font-size: 12px;
 }
 .openerp .oe_kanban_view .oe_kanban_footer_left .oe_tags {
   margin-right: 0;
@@ -706,3 +709,8 @@
     text-shadow: none !important;
   }
 }
+
+.fa-arrow-circle-o-down {
+  font-size: 1.4em;
+  padding: 4px 4px 0 0 !important;
+}

=== modified file 'addons/web_kanban/static/src/css/kanban.sass'
--- addons/web_kanban/static/src/css/kanban.sass	2013-11-15 11:23:11 +0000
+++ addons/web_kanban/static/src/css/kanban.sass	2013-12-16 05:51:14 +0000
@@ -103,7 +103,6 @@
             text-shadow: 0 0 2px black
             vertical-align: top
             position: relative
-            top: -5px
             &:hover
                 text-decoration: none
         .oe_star_on
@@ -209,16 +208,19 @@
     // KanbanQuickCreate {{{
     .oe_kanban_add, .oe_kanban_header .oe_dropdown_toggle
         margin-left: 4px
+        margin-top: -1px // Customize according FontAwesome
         cursor: pointer
         position: relative
     .oe_kanban_add
-        top: -8px
+        // Customize for fa-plus icon in FontAwesome
+        top: -2px
+        // End of customize
     .oe_kanban_header .oe_dropdown_toggle
         top: -2px
         height: 14px
     .oe_kanban_card, .oe_dropdown_toggle
         cursor: pointer
-        display: inline-block
+        display: inline-block      
     .oe_kanban_add
         float: right
 
@@ -407,7 +409,9 @@
             .oe_kanban_project_times
                 li
                     float: left
-       
+        .fa-arrow-circle-o-down
+            padding-top: 7px !important
+
     .oe_kanban_star
         float: left
         position: inline-block
@@ -426,9 +430,11 @@
             padding: 0 2px
             line-height: 16px
             @include radius(3px)
-            .oe_e
-                line-height: 12px
-                font-size: 22px
+            // Customize .oe_e to .fa according FontAwesome
+            .fa
+                line-height: 5px
+                font-size: 12px
+            //End of customize
         .oe_tags
             margin-right: 0
             .oe_tag
@@ -587,6 +593,9 @@
                     visibility: hidden
         .oe_kanban_view .oe_kanban_group_title
             text-shadow: none !important
-
+//Customize in kanban dropdown according FontAwesome
+.fa-arrow-circle-o-down
+    font-size: 1.4em
+    padding: 4px 4px 0 0 !important
 // au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
 // vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker:

=== modified file 'addons/web_kanban/static/src/xml/web_kanban.xml'
--- addons/web_kanban/static/src/xml/web_kanban.xml	2013-03-20 13:09:31 +0000
+++ addons/web_kanban/static/src/xml/web_kanban.xml	2013-12-16 05:51:14 +0000
@@ -32,7 +32,7 @@
         <t t-if="widget.view.group_by">
             <div class="oe_kanban_header oe_semantic_html_override">
                 <t t-if="widget.view._is_quick_create_enabled()">
-                    <div class="oe_kanban_add oe_e" title="Quick create">]</div>
+                    <div class="oe_kanban_add fa fa-plus" title="Quick create"></div>
                 </t>
                 <div class="oe_dropdown_toggle oe_dropdown_kanban">
                     <div class="oe_kanban_group_length">
@@ -40,7 +40,7 @@
                             <t t-if="widget.group.get('length') &gt; 99"> 99+ </t><t t-if="widget.group.get('length') &lt;= 99"> <t t-esc="widget.group.get('length')"/> </t>
                         </span>
                     </div>
-                    <span class="oe_e">í</span>
+                    <span class="fa fa-arrow-circle-o-down"></span>
                     <ul class="oe_dropdown_menu oe_kanban_group_dropdown">
                         <li><a data-action="toggle_fold" href="#">Fold</a></li>
                         <t t-if="widget.view.grouped_by_m2o and widget.value">