diff --git a/addons/crm/__openerp__.py b/addons/crm/__openerp__.py
index 35421729c01..aecd91e06aa 100644
--- a/addons/crm/__openerp__.py
+++ b/addons/crm/__openerp__.py
@@ -94,6 +94,7 @@ Dashboard for CRM will include:
         'base_partner_merge_view.xml',
 
         'sales_team_view.xml',
+        'views/crm.xml',
     ],
     'demo': [
         'crm_demo.xml',
@@ -114,6 +115,7 @@ Dashboard for CRM will include:
         'test/crm_lead_unlink.yml',
         'test/crm_lead_find_stage.yml',
     ],
+    'css': ['static/src/css/crm.css'],
     'installable': True,
     'application': True,
     'auto_install': False,
diff --git a/addons/crm/crm_lead_view.xml b/addons/crm/crm_lead_view.xml
index 0dd740b47c8..7cb77627848 100644
--- a/addons/crm/crm_lead_view.xml
+++ b/addons/crm/crm_lead_view.xml
@@ -301,7 +301,7 @@
                                 </div>
                                 <div class="oe_kanban_content">
                                     <div>
-                                        <b><field name="name"/></b>
+                                        <strong><field name="name"/></strong>
                                         <t t-if="record.planned_revenue.raw_value">
                                             - <b><t t-esc="record.planned_revenue.value"/>
                                             <field name="company_currency"/></b>
@@ -310,7 +310,7 @@
                                     <div>
                                         <field name="partner_id"/>
                                     </div>
-                                    <div style="padding-left: 0.5em">
+                                    <div class="oe_deadline">
                                         <t t-if="record.date_deadline.raw_value and record.date_deadline.raw_value lt (new Date())" t-set="red">oe_kanban_text_red</t>
                                         <span t-attf-class="#{red || ''}"><field name="date_action"/></span>
                                         <t t-if="record.date_action.raw_value"> : </t>
diff --git a/addons/crm/sales_team_view.xml b/addons/crm/sales_team_view.xml
index fddd37b69ae..27100dfb95c 100644
--- a/addons/crm/sales_team_view.xml
+++ b/addons/crm/sales_team_view.xml
@@ -98,17 +98,17 @@
                         <div class="oe_kanban_alias text-center" t-if="record.use_leads.raw_value and record.alias_name.value and record.alias_domain.value">
                             <small><i class="fa fa-envelope-o"></i> <field name="alias_id"/></small>
                         </div>
-                        <div class="oe_items_list">
-                            <div class="oe_salesteams_leads" t-if="record.use_leads.raw_value">
-                                <a name="%(crm_case_form_view_salesteams_lead)d" type="action">Leads</a>
-                                <a name="%(action_report_crm_lead_salesteam)d" type="action" class="oe_sparkline_bar_link">
+                        <div class="row oe_salesteam_kanban_view oe_margin_top_8">
+                            <div class="col-md-6 row" t-if="record.use_leads.raw_value">
+                                <a class="col-md-9" name="%(crm_case_form_view_salesteams_lead)d" type="action">Leads</a>
+                                <a class="col-md-3" name="%(action_report_crm_lead_salesteam)d" type="action">
                                     <field name="monthly_open_leads" widget="sparkline_bar"
                                         options="{'height': '20px', 'barWidth': 4, 'barSpacing': 1, 'delayIn': '3000', 'tooltip_suffix': ' Leads'}">Open Leads per Month<br/>Click to see a detailed analysis of leads.</field>
                                 </a>
                             </div>
-                            <div class="oe_salesteams_opportunities" t-if="record.use_opportunities.raw_value">
-                                <a name="%(crm_case_form_view_salesteams_opportunity)d" type="action">Opportunities</a>
-                                <a name="%(action_report_crm_opportunity_salesteam)d" type="action">
+                            <div class="col-md-6 row" t-if="record.use_opportunities.raw_value">
+                                <a class="col-md-9" name="%(crm_case_form_view_salesteams_opportunity)d" type="action">Opportunities</a>
+                                <a class="col-md-3" name="%(action_report_crm_opportunity_salesteam)d" type="action">
                                     <field name="monthly_planned_revenue" widget="sparkline_bar"
                                         options="{'height': '20px', 'barWidth': '4', 'barSpacing': '1', 'delayIn': '3000', 'tooltip_suffix': ' (Planned Revenue)'}">Planned Revenue per Month<br/>Click to see a detailed analysis of opportunities.</field>
                                 </a>
diff --git a/addons/crm/static/src/css/crm.css b/addons/crm/static/src/css/crm.css
new file mode 100644
index 00000000000..615c10031cb
--- /dev/null
+++ b/addons/crm/static/src/css/crm.css
@@ -0,0 +1,4 @@
+@charset "utf-8";
+.openerp .oe_margin_top_8 {
+	margin-top: 8px;
+}
\ No newline at end of file
diff --git a/addons/crm/views/crm.xml b/addons/crm/views/crm.xml
new file mode 100644
index 00000000000..bdff3333846
--- /dev/null
+++ b/addons/crm/views/crm.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<openerp>
+    <data>
+        <template id="assets_backend" name="project assets" inherit_id="web.assets_backend">
+            <xpath expr="." position="inside">
+                <link rel="stylesheet" href="/crm/static/src/css/crm.css"/>
+            </xpath>
+        </template>
+    </data>
+</openerp>
diff --git a/addons/fleet/fleet_view.xml b/addons/fleet/fleet_view.xml
index 734954ee8b0..04cdb3f5491 100644
--- a/addons/fleet/fleet_view.xml
+++ b/addons/fleet/fleet_view.xml
@@ -119,10 +119,10 @@
                     <templates>
                         <t t-name="kanban-box">
                             <div class="oe_kanban_vignette oe_semantic_html_override">
-                                <a type="open" href="#" class="oe_kanban_action oe_kanban_action_a">
-                                    <img t-att-src="kanban_image('fleet.vehicle.model.brand', 'image_small', record.id.value)" class="oe_employee_picture"/>
+                                <a type="open" href="#" class="oe_kanban_action">
+                                    <img t-att-src="kanban_image('fleet.vehicle.model.brand', 'image_small', record.id.value)" class="img-responsive" style="width:100px;"/>
                                 </a>
-                                <div style="text-align:center;">
+                                <div class="text-center">
                                     <h4 class="oe_partner_heading">
                                         <a type="open">
                                             <field name="name"/>
@@ -130,9 +130,6 @@
                                     </h4>
                                 </div>
                             </div>
-                            <script>
-                            $('.oe_picture').load(function() { if($(this).width() > $(this).height()) { $(this).addClass('oe_employee_picture_wide') } });
-                        </script>
                         </t>
                     </templates>
                 </kanban>
@@ -355,7 +352,7 @@
                     <templates>
                         <t t-name="kanban-box">
                             <div class="oe_kanban_vignette oe_semantic_html_override">
-                                <a type="open" href="#" class="oe_kanban_action oe_kanban_action_a">
+                                <a type="open" href="#" class="oe_kanban_action">
                                     <img t-att-src="kanban_image('fleet.vehicle', 'image_small', record.id.value)"/>
                                 </a>
                                 <div class="oe_kanban_details">
@@ -366,7 +363,7 @@
                                         </a>
                                     </h4>
                                     <t t-if="record.contract_renewal_due_soon.raw_value and !record.contract_renewal_overdue.raw_value">
-                                        <a data-type="object" data-name="return_action_to_open" href="#" class="oe_kanban_action oe_kanban_action_a" data-context='{"xml_id":"fleet_vehicle_log_contract_act"}'>
+                                        <a data-type="object" data-name="return_action_to_open" href="#" class="oe_kanban_action" data-context='{"xml_id":"fleet_vehicle_log_contract_act"}'>
                                             <span class="oe_tag oe_kanban_color_3"><field name="contract_renewal_name" />
                                                <t t-if="record.contract_renewal_total.raw_value > 0"> and <field name="contract_renewal_total" /> other(s) </t>
                                             </span>
@@ -374,7 +371,7 @@
                                     </t>
 
                                     <t t-if="record.contract_renewal_overdue.raw_value">
-                                        <a data-type="object" data-name="return_action_to_open" href="#" class="oe_kanban_action oe_kanban_action_a" data-context='{"xml_id":"fleet_vehicle_log_contract_act"}'>
+                                        <a data-type="object" data-name="return_action_to_open" href="#" class="oe_kanban_action" data-context='{"xml_id":"fleet_vehicle_log_contract_act"}'>
                                             <span class="oe_tag oe_kanban_color_2"><field name="contract_renewal_name" />
                                                 <t t-if="record.contract_renewal_total.raw_value > 0"> and <field name="contract_renewal_total" /> other(s) </t>
                                             </span>
diff --git a/addons/gamification/static/src/css/gamification.css b/addons/gamification/static/src/css/gamification.css
index 4ac3a0340fa..a189264bdac 100644
--- a/addons/gamification/static/src/css/gamification.css
+++ b/addons/gamification/static/src/css/gamification.css
@@ -3,21 +3,6 @@
   width: 230px;
   min-height: 200px;
 }
-.openerp .oe_kanban_view .oe_kanban_card.oe_kanban_badge {
-  width: 250px;
-  min-height: 150px;
-}
-.openerp .oe_kanban_badge_avatars {
-  margin-top: 8px;
-}
-.openerp .oe_kanban_badge_avatars img {
-  width: 30px;
-  height: 30px;
-  padding-left: 0;
-  margin-top: 3px;
-  border-radius: 2px;
-  -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-}
 .openerp .oe_kanban_goal .oe_goal_state_block {
   width: 200px;
   height: 130px;
@@ -35,11 +20,19 @@
 .openerp .oe_kanban_goal .oe_goal_state_block, .openerp .oe_kanban_goal p {
   text-align: center;
 }
-.openerp .oe_kanban_content .oe_goal_gauge:first-child {
-  margin: auto;
+
+.openerp .oe_kanban_view .oe_kanban_card.oe_kanban_badge {
+  width: 250px;
+  min-height: 150px;
 }
-.openerp .oe_kanban_content .oe_goal_gauge svg {
-  margin-top: -20px;
+.openerp .oe_kanban_badge_avatars {
+  width: 30px;
+}
+.openerp .oe_margin_top_8 {
+  margin-top: 8px;
+}
+.openerp .oe_margin_top_16 {
+  margin-top: 16px;
 }
 .openerp .oe_no_overflow {
   overflow: hidden;
@@ -187,4 +180,4 @@
 .openerp .oe_mail_wall .oe_cell {
   display: table-cell;
   vertical-align: middle;
-}
+}
\ No newline at end of file
diff --git a/addons/gamification/static/src/css/gamification.sass b/addons/gamification/static/src/css/gamification.sass
index 3bb6b570e66..0795f5b798a 100644
--- a/addons/gamification/static/src/css/gamification.sass
+++ b/addons/gamification/static/src/css/gamification.sass
@@ -18,7 +18,10 @@
             margin-top: 3px
             border-radius: 2px
             -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
-
+    .oe_margin_top_8
+        margin-top: 8px
+    .oe_margin_top_16
+        margin-top: 16px
     .oe_kanban_goal
         .oe_goal_state_block
             width: 200px
diff --git a/addons/gamification/views/badge.xml b/addons/gamification/views/badge.xml
index 0dde08086fc..386a1e19974 100644
--- a/addons/gamification/views/badge.xml
+++ b/addons/gamification/views/badge.xml
@@ -32,8 +32,8 @@
                 </tree>
             </field>
         </record>
-		
-		<record id="badge_form_view" model="ir.ui.view">
+
+        <record id="badge_form_view" model="ir.ui.view">
             <field name="name">Badge Form</field>
             <field name="model">gamification.badge</field>
             <field name="arch" type="xml">
@@ -113,7 +113,7 @@
                         <t t-name="kanban-box">
                             <div t-attf-class="#{record.stat_my.raw_value ? 'oe_kanban_color_5' : 'oe_kanban_color_white'} oe_kanban_card oe_kanban_global_click oe_kanban_badge">
                                 <div class="oe_kanban_content">
-                                    <div class="oe_kanban_left">
+                                    <div class="pull-left">
                                         <a type="open"><img t-att-src="kanban_image('gamification.badge', 'image', record.image.raw_value)" t-att-title="record.name.value" width="90" height="90" /></a>
                                     </div>
                                     <div class="oe_no_overflow">
@@ -132,18 +132,18 @@
                                         <t t-if="record.remaining_sending.value == 0">
                                             <div class="oe_grey">Can not grant</div>
                                         </t>
-                                        <p>
+                                        <p class="oe_margin_top_8">
                                             <strong><t t-esc="record.stat_count.raw_value"/></strong> granted,<br/>
                                             <strong><t t-esc="record.stat_this_month.raw_value"/></strong> this month
                                         </p>
                                     </div>
-                                    <div class="oe_kanban_badge_avatars">
+                                    <div class="oe_margin_top_16">
                                         <t t-if="record.description.value">
                                             <p><em><field name="description"/></em></p>
                                         </t>
                                         <a type="object" name="get_granted_employees">
                                             <t t-foreach="record.unique_owner_ids.raw_value.slice(0,11)" t-as="owner">
-                                                <img t-att-src="kanban_image('res.users', 'image_small', owner)" t-att-data-member_id="owner"/>
+                                                <img class="oe_kanban_badge_avatars img-rounded oe_margin_top_8" t-att-src="kanban_image('res.users', 'image_small', owner)" t-att-data-member_id="owner"/>
                                             </t>
                                         </a>
                                     </div>
@@ -172,7 +172,7 @@
                         <t t-name="kanban-box">
                             <div class="oe_kanban_card oe_kanban_global_click oe_kanban_badge oe_kanban_color_white">
                                 <div class="oe_kanban_content">
-                                    <div class="oe_kanban_left">
+                                    <div class="pull-left">
                                         <a type="open"><img t-att-src="kanban_image('gamification.badge', 'image', record.badge_id.raw_value)" t-att-title="record.badge_name.value" width="24" height="24" /></a>
                                     </div>
                                     <h4>
diff --git a/addons/gamification/views/challenge.xml b/addons/gamification/views/challenge.xml
index 75515c42183..0ed695b3535 100644
--- a/addons/gamification/views/challenge.xml
+++ b/addons/gamification/views/challenge.xml
@@ -153,11 +153,9 @@
                                            </a>
                                        </div>
                                    </strong>
-                                    <div class="oe_kanban_badge_avatars">
-                                        <t t-foreach="record.user_ids.raw_value.slice(0,11)" t-as="member">
-                                            <img t-att-src="kanban_image('res.users', 'image_small', member)" t-att-data-member_id="member"/>
-                                        </t>
-                                    </div>
+                                    <t t-foreach="record.user_ids.raw_value.slice(0,11)" t-as="member">
+                                        <img class="oe_kanban_badge_avatars img-rounded oe_margin_top_8" t-att-src="kanban_image('res.users', 'image_small', member)" t-att-data-member_id="member"/>
+                                    </t>
                                 </div>
                             </div>
                         </t>
diff --git a/addons/gamification/views/goal.xml b/addons/gamification/views/goal.xml
index aac04eff859..b41b4e72638 100644
--- a/addons/gamification/views/goal.xml
+++ b/addons/gamification/views/goal.xml
@@ -36,8 +36,8 @@
                 </tree>
             </field>
         </record>
-		
-		<record id="goal_form_view" model="ir.ui.view">
+
+        <record id="goal_form_view" model="ir.ui.view">
             <field name="name">Goal Form</field>
             <field name="model">gamification.goal</field>
             <field name="arch" type="xml">
@@ -153,7 +153,7 @@
                             <div t-attf-class="oe_kanban_card oe_gamification_goal oe_kanban_goal #{record.end_date.raw_value &lt; record.last_update.raw_value &amp; record.state.raw_value == 'failed' ? 'oe_kanban_color_2' : ''} #{record.end_date.raw_value &lt; record.last_update.raw_value &amp; record.state.raw_value == 'reached' ? 'oe_kanban_color_5' : ''}">
                                 <div class="oe_kanban_content">
                                     <p><strong><h4 class="oe_goal_name text-center" tooltip="kanban-tooltip"><field name="definition_id" /></h4></strong></p>
-                                    <div class="oe_kanban_left">
+                                    <div class="pull-left">
                                         <img t-att-src="kanban_image('res.users', 'image_small', record.user_id.raw_value)" t-att-title="record.user_id.value" width="24" height="24" />
                                     </div>
                                     <field name="user_id" />
@@ -178,7 +178,7 @@
                                         </t>
                                         
                                     </div>
-                                    <p>
+                                    <p class="text-center">
                                         <t t-if="record.start_date.value">
                                             From <t t-esc="record.start_date.value" />
                                         </t>
diff --git a/addons/hr/hr_view.xml b/addons/hr/hr_view.xml
index 38804617615..d9a80b065ab 100644
--- a/addons/hr/hr_view.xml
+++ b/addons/hr/hr_view.xml
@@ -45,8 +45,8 @@
                             <page string="Public Information">
                                 <group>
                                     <group string="Contact Information">
-                                        <field name="address_id" on_change="onchange_address_id(address_id)"
-                                            context="{'show_address': 1, 'default_customer': False}"
+                                        <field name="address_id" on_change="onchange_address_id(address_id)" 
+                                            context="{'show_address': 1}" 
                                             options='{"always_reload": True, "highlight_first_line": True}'/>
                                         <field name="mobile_phone"/>
                                         <field name="work_location"/>
@@ -75,8 +75,8 @@
                                         <field name="otherid" groups="base.group_hr_user"/>
                                     </group>
                                     <group string="Contact Information">
-                                        <field name="address_home_id"
-                                            context="{'show_address': 1, 'default_customer': False}"
+                                        <field name="address_home_id" 
+                                            context="{'show_address': 1}" 
                                             options='{"always_reload": True, "highlight_first_line": True}'/>
                                     </group>
                                     <group string="Status">
@@ -159,11 +159,11 @@
                 <field name="message_unread"/>
                 <templates>
                     <t t-name="kanban-box">
-                        <div class="oe_employee_vignette">
-                            <div class="oe_employee_image">
-                                <a type="open"><img t-att-src="kanban_image('hr.employee', 'image_medium', record.id.value)" class="oe_employee_picture"/></a>
+                        <div class="oe_employee_details">
+                            <div class="col-md-4">
+                                <a type="open"><img t-att-src="kanban_image('hr.employee', 'image_medium', record.id.value)" class="oe_employee_image"/></a>
                             </div>
-                            <div class="oe_employee_details">
+                            <div class="col-md-6">
                                 <h4>
                                     <a type="open"><field name="name"/><t t-if="record.login.raw_value"> (<field name="login"/>)</t></a>
                                 </h4>
@@ -192,9 +192,6 @@
                                 </div>
                             </div>
                         </div>
-                        <script>
-                            $('.oe_employee_picture').load(function() { if($(this).width() > $(this).height()) { $(this).addClass('oe_employee_picture_wide') } });
-                        </script>
                     </t>
                 </templates>
             </kanban>
diff --git a/addons/hr/static/src/css/hr.css b/addons/hr/static/src/css/hr.css
index be21ca7e7a6..04be64a2d37 100644
--- a/addons/hr/static/src/css/hr.css
+++ b/addons/hr/static/src/css/hr.css
@@ -1,18 +1,10 @@
-.oe_employee_vignette {
-  padding: 8px 8px;
-  min-height: 100px;
-}
-
-.oe_employee_image, .oe_employee_details {
-  display: inline-block;
-  vertical-align: top;
+.oe_employee_details{
+    min-height: 168px !important;
+    max-width: 336px;
 }
 
 .oe_employee_image {
   width: 100px;
-  height: 100px;
-  text-align: center;
-  overflow: hidden;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -o-border-radius: 3px;
@@ -23,53 +15,10 @@
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
   -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
+  margin-top: 5px;
+  margin-left: -3px;
 }
 
-.oe_employee_picture {
-  width: 100px;
-  height: auto;
-  clip: rect(10px, 100px, 110px, 0px);
-}
-
-.oe_employee_picture_wide {
-  height: 100px;
-  width: auto;
-  clip: rect(0px, 115px, 100px, 15px);
-}
-
-.oe_employee_details {
-  width: 210px;
-  font-size: 13px;
-  padding: 2px 5px;
-  color: #4c4c4c;
-  min-height: 120px;
-}
-
-.oe_employee_details h4 {
-  margin: 0;
-  font-size: 13px;
-}
-
-.oe_employee_details h4 a {
-  color: #4c4c4c;
-}
-
-.oe_employee_details h4 a:hover {
-  text-decoration: underline;
-}
-
-.oe_employee_details ul {
-  margin: 3px 0 5px;
-  padding: 0;
-  list-style: none;
-}
-
-.oe_employee_details li {
-  margin: 2px 0;
-  padding: 0;
-}
-
-.openerp .oe_employee_vignette .oe_followers {
-  width: auto;
+.openerp .oe_employee_details .oe_followers {
   float: none;
 }
\ No newline at end of file
diff --git a/addons/hr_holidays/hr_holidays_view.xml b/addons/hr_holidays/hr_holidays_view.xml
index 78c463f296c..e9820fa6eb8 100644
--- a/addons/hr_holidays/hr_holidays_view.xml
+++ b/addons/hr_holidays/hr_holidays_view.xml
@@ -624,7 +624,7 @@
                     <field name="leave_date_from"/>
                     <field name="leave_date_to"/>
                 </xpath>
-                <xpath expr="//div[@class='oe_employee_details']/ul/li[@id='last_login']" position="inside">
+                <xpath expr="//li[@id='last_login']" position="inside">
                     <span t-if="record.current_leave_id.raw_value" style="font-size: 100%%"
                             t-att-class="record.current_leave_state.raw_value=='validate'?'oe_kanban_button oe_kanban_color_3':'oe_kanban_button oe_kanban_color_2'"
                             t-att-title="moment(record.leave_date_from.raw_value).format('ddd do MMM') + ' - ' + moment(record.leave_date_to.raw_value).format('ddd do MMM')">
diff --git a/addons/hr_recruitment/hr_recruitment_view.xml b/addons/hr_recruitment/hr_recruitment_view.xml
index 5c56386ceb7..82acc5a7895 100644
--- a/addons/hr_recruitment/hr_recruitment_view.xml
+++ b/addons/hr_recruitment/hr_recruitment_view.xml
@@ -264,7 +264,7 @@
                         </ul>
                     </t>
                     <t t-name="kanban-box">
-                        <div t-attf-class="oe_kanban_color_#{kanban_getcolor(record.color.raw_value)} oe_kanban_card oe_kanban_global_click oe_semantic_html_override">
+                        <div t-attf-class="oe_kanban_color_#{kanban_getcolor(record.color.raw_value)} oe_kanban_card oe_kanban_global_click oe_applicant_kanaban oe_semantic_html_override">
                             <div class="oe_dropdown_toggle oe_dropdown_kanban">
                                 <span class="oe_e">i</span>
                                 <ul class="oe_dropdown_menu">
@@ -272,33 +272,27 @@
                                     <li><a name="action_makeMeeting" type="object">Schedule Interview</a></li>
                                     <li><ul class="oe_kanban_colorpicker" data-field="color"/></li>
                                 </ul>
-
                             </div>
                             <div class="oe_kanban_content" tooltip="kanban-tooltip">
-                                <div>
                                     <t t-if="record.partner_name.raw_value"><b><field name="partner_name"/></b><br/></t>
                                     <i><field name="name"/></i><br/>
                                     <field name="job_id"/><br/>
                                     <t t-if="record.partner_mobile.raw_value">Mobile: <field name="partner_mobile"/><br/></t>
-                                </div>
-                                <div style="padding-left: 0.5em">
                                     <t t-if="record.date_action.raw_value and record.date_action.raw_value lt (new Date())" t-set="red">oe_kanban_text_red</t>
                                     <span t-attf-class="#{red || ''}"><field name="date_action"/></span>
                                         <t t-if="record.date_action.raw_value"> : </t>
                                         <field name="title_action"/>
-                                </div>
-                                <div style="width:240px"><field name="categ_ids"/></div>
+                                        <field name="categ_ids" class="oe_margin_top_4"/>
                                 <div class="oe_kanban_bottom_right">
                                     <img t-att-src="kanban_image('res.users', 'image_small', record.user_id.raw_value)" t-att-title="record.user_id.value" width="24" height="24" class="oe_kanban_avatar pull-right"/>
                                     <div class="pull-left" groups="base.group_user">
                                         <field name="priority" widget="priority"/>
                                     </div>
                                 </div>
-                                <div class="oe_kanban_footer_left" style="margin-top:5px;">
+                                <div class="oe_kanban_footer_left oe_margin_top_4">
                                     <t t-raw="record.message_summary.raw_value"/>
-                                    <a t-if="record.attachment_number" name="action_get_attachment_tree_view" type="object" style="margin-right: 10px"> <field name="attachment_number"/> Documents</a>
+                                    <a t-if="record.attachment_number" name="action_get_attachment_tree_view" type="object"> <field name="attachment_number"/> Documents</a>
                                 </div>
-
                             </div>
                             <div class="oe_clear"></div>
                         </div>
@@ -446,16 +440,16 @@
                                 </div>
                                 <div class="oe_kanban_content">
                                     <t t-if="record.user_id.raw_value">
-                                        <img t-att-src="kanban_image('res.users', 'image_medium', record.user_id.raw_value[0])" t-att-title="record.user_id.value" class="oe_kanban_avatar oe_job_avatar"/>
+                                        <img t-att-src="kanban_image('res.users', 'image_medium', record.user_id.raw_value[0])" t-att-title="record.user_id.value" class="oe_kanban_avatar oe_job_avatar pull-right"/>
                                     </t>
                                     <t t-if="record.user_id.raw_value === false">
-                                        <img t-att-src='_s + "/base/static/src/img/avatar.png"' class="oe_kanban_avatar oe_job_avatar"/>
+                                        <img t-att-src='_s + "/base/static/src/img/avatar.png"' class="oe_kanban_avatar oe_job_avatar pull-right"/>
                                     </t>
                                     <div class="oe_job_detail">
-                                        <div class="text-center oe_job oe_name oe_kanban_ellipsis">
-                                            <field name="name"/>
+                                        <div class="text-center oe_job_font oe_kanban_ellipsis">
+                                            <strong><field name="name"/></strong>
                                         </div>
-                                        <div class="text-center oe_job oe_department oe_kanban_ellipsis">
+                                        <div class="text-center oe_job_font oe_kanban_ellipsis">
                                             <strong><field name="department_id"/>
                                             <span t-if="record.manager_id.value" class="oe_manager_name">
                                                 (<t t-esc="record.manager_id.value"/>)
@@ -467,29 +461,33 @@
 
                                     </div>
                                     <t t-if="record.state.raw_value == 'recruit'">
-                                        <div class="oe_applications">
-                                            <a name="%(action_hr_job_applications)d" type="action">
-                                                <span><t t-esc="record.application_ids.raw_value.length"/> Applications</span>
-                                            </a>
-                                            <br/>
-                                            <a t-if="record.document_ids.raw_value.length gt 0" name="action_get_attachment_tree_view" type="object">
-                                                <span t-if="record.document_ids.raw_value.length gt 1"><t t-esc="record.document_ids.raw_value.length"/> Documents</span>
-                                                <span t-if="record.document_ids.raw_value.length lt 2"><t t-esc="record.document_ids.raw_value.length"/> Document</span>
-                                            </a>
+                                        <div class="col-md-6 oe_applications">
+                                            <div class="oe_applications oe_job_font">
+                                                <a name="%(action_hr_job_applications)d" type="action">
+                                                    <span><t t-esc="record.application_ids.raw_value.length"/> Applications</span>
+                                                </a>
+                                                <br/>
+                                                <a t-if="record.document_ids.raw_value.length gt 0" name="action_get_attachment_tree_view" type="object">
+                                                    <span t-if="record.document_ids.raw_value.length gt 1"><t t-esc="record.document_ids.raw_value.length"/> Documents</span>
+                                                    <span t-if="record.document_ids.raw_value.length lt 2"><t t-esc="record.document_ids.raw_value.length"/> Document</span>
+                                                </a>
+                                            </div>
                                         </div>
-                                        <div class="oe_job_justgage">
-                                            <field state="recruit" name="no_of_hired_employee" widget="gauge"
-                                                style="margin-top:7px; width:160px; height: 120px;"
-                                                options="{
-                                                    'max_field': 'no_of_recruitment',
-                                                    'label': 'Hired Employees',
-                                                    'on_change': 'action_set_no_of_recruitment',
-                                                    'on_click_label': 'employee(s) to recruit',
-                                                    'force_set': False,
-                                                    'gauge_value_field': 'no_of_recruitment',
-                                                }">
-                                                Hired Employees
-                                            </field>
+                                        <div class="col-md-5">
+                                            <div class="oe_job_justgage">
+                                                <field state="recruit" name="no_of_hired_employee" widget="gauge"
+                                                    style="margin-top:7px; width:160px; height: 120px;"
+                                                    options="{
+                                                        'max_field': 'no_of_recruitment',
+                                                        'label': 'Hired Employees',
+                                                        'on_change': 'action_set_no_of_recruitment',
+                                                        'on_click_label': 'employee(s) to recruit',
+                                                        'force_set': False,
+                                                        'gauge_value_field': 'no_of_recruitment',
+                                                    }">
+                                                    Hired Employees
+                                                </field>
+                                            </div>
                                         </div>
                                     </t>
                                     <t t-if="record.state.raw_value == 'open'">
diff --git a/addons/hr_recruitment/static/src/css/job_position.css b/addons/hr_recruitment/static/src/css/job_position.css
index ea90bd6ec94..7349c5024c6 100644
--- a/addons/hr_recruitment/static/src/css/job_position.css
+++ b/addons/hr_recruitment/static/src/css/job_position.css
@@ -1,77 +1,34 @@
-.openerp .oe_kanban_job {
-  width: 355px;
-  min-height: 165px !important;
-}
-.openerp .oe_job_alias {
-  margin: 3px;
-}
-.openerp .oe_job_detail {
-  height: 70px;
-  width: 308px;
-}
-.openerp .oe_job {
-  font-size: 112%;
-  position: inline;
-  margin: 3px 3px;
-  color: #4c4c4c;
-  height: 18px;
-}
-.openerp img.oe_job_avatar {
-  position: absolute;
-  width: 24px;
-  height: 24px;
-  margin-left: 295px;
-  margin-top: -5px;
-}
-.openerp .oe_launch_recruitment {
-  float: left;
-  position: absolute;
-  bottom: 3px;
-  left: 10px;
-}
-.openerp div.oe_applications {
-  position: absolute;
-  margin-top: 16px;
-  font-size: 14px;
-}
-.openerp .oe_applications > a > span:hover {
-  margin: 4px 0;
-  text-decoration: underline;
-}
-.openerp .oe_name {
-  font-size: 14px;
-  font-weight: bold;
+.openerp .oe_kanban_job{
+    width: 355px;
+    min-height: 220px !important;
 }
 .openerp .oe_manager_name {
-  width: 135px;
-  font-size: 11px;
-  color: gray;
+    font-size: 11px;
 }
-.openerp .oe_job_justgage {
-  float: right;
-  margin-top: -40px;
-  margin-right: -58px;
-  width: 200px;
-  height: 130px;
+.openerp .oe_gray {
+    color: gray;
 }
-.openerp .oe_department {
-  width: 289px;
+.openerp .oe_link_hover:hover{
+    text-decoration: underline;
 }
-.openerp .oe_start_recruitment {
-  padding-top: 10px;
+.openerp .oe_applicant_kanaban {
+  width: 276px;
 }
-.openerp .oe_start_recruitment p {
-  font-size: 14px;
-  color: gray;
-  padding-left: 50px;
+.openerp .oe_margin_top_4 {
+    margin-top: 4px;
 }
-.openerp .oe_start_recruitment img {
-  margin-top: -22px;
-  width: 32px;
-  height: 34px;
-  float: left;
-  padding-left: 12px;
+.openerp .oe_job_head {
+    margin-bottom: -4px;
+    font-size: 15px;
 }
-.openerp .oe_job_messages {
-  margin-top: 40px !important;
+.openerp .oe_job_font {
+    font-size: 15px;
+}
+
+.openerp .oe_job_avatar {
+    width: 24px; 
+}
+
+.openerp .oe_applications {
+    margin-top: 30px;
 }
diff --git a/addons/hr_recruitment/static/src/css/job_position.sass b/addons/hr_recruitment/static/src/css/job_position.sass
index 67504dee6de..0c7ee9d6fad 100644
--- a/addons/hr_recruitment/static/src/css/job_position.sass
+++ b/addons/hr_recruitment/static/src/css/job_position.sass
@@ -1,62 +1,21 @@
 .openerp
   .oe_kanban_job
     width: 355px
-    min-height: 165px !important
-  .oe_job_alias
-    margin: 3px
-  .oe_job_detail
-    height: 70px
-    width: 308px
-  .oe_job
-    font-size: 112%
-    position: inline
-    margin: 3px 3px
-    color: #4c4c4c
-    height: 18px
-  img.oe_job_avatar
-    position: absolute
-    width: 24px
-    height: 24px
-    margin-left: 295px
-    margin-top: -5px
-  .oe_launch_recruitment
-    float: left
-    position: absolute
-    bottom: 3px
-    left: 10px
-  div.oe_applications
-    position: absolute
-    margin-top: 16px
-    font-size: 14px
-  .oe_applications > a > span:hover
-    margin: 4px 0
-    text-decoration: underline
-  .oe_name
-    font-size: 14px
-    font-weight: bold
+    min-height: 220px !important
   .oe_manager_name
-    width: 135px
     font-size: 11px
+  .oe_gray
     color: gray
-  .oe_job_justgage
-    float: right
-    margin-top: -40px
-    margin-right: -58px
-    width: 200px
-    height: 130px
-  .oe_department
-    width: 289px
-  .oe_start_recruitment
-    padding-top: 10px
-    p
-      font-size: 14px
-      color: gray
-      padding-left: 50px
-    img
-      margin-top: -22px
-      width: 32px
-      height: 34px
-      float: left
-      padding-left: 12px
-  .oe_job_messages
-    margin-top: 40px !important
+  .oe_applicant_kanaban
+    width: 276px
+  .oe_margin_top_4
+    margin-top: 4px
+  .oe_job_head
+    margin-bottom: -4px
+    font-size: 15px
+  oe_job_font
+    font-size: 15px
+  .oe_job_avatar
+    width: 24px
+  oe_applications
+    margin-top: 30px
diff --git a/addons/mass_mailing/static/src/css/mass_mailing.css b/addons/mass_mailing/static/src/css/mass_mailing.css
index cc91e8acf58..6c75f7a4c77 100644
--- a/addons/mass_mailing/static/src/css/mass_mailing.css
+++ b/addons/mass_mailing/static/src/css/mass_mailing.css
@@ -2,12 +2,13 @@
     width: 280px;
     min-height: 141px;
 }
-
-.openerp .oe_kanban_view .oe_kanban_mass_mailing_campaign .oe_kanban_header_right {
-    float: right;
-}
-
 .openerp .oe_kanban_view .oe_kanban_mass_mailing {
     width: 280px;
     min-height: 141px;
 }
+.openerp .oe_margin_top_8 {
+	margin-top: 8px;
+}
+.openerp .oe_margin_bottom_8 {
+	margin-bottom: 8px;
+}
diff --git a/addons/mass_mailing/views/mass_mailing.xml b/addons/mass_mailing/views/mass_mailing.xml
index 5a7fca3a2aa..9464e3d7fea 100644
--- a/addons/mass_mailing/views/mass_mailing.xml
+++ b/addons/mass_mailing/views/mass_mailing.xml
@@ -651,12 +651,12 @@
                                  <div class="oe_kanban_content">
                                     <div>
                                         <img t-att-src="kanban_image('res.users', 'image_small', record.user_id.raw_value)"
-                                            t-att-title="record.user_id.value" width="24" height="24" class="oe_kanban_avatar oe_kanban_header_right"/>
-                                        <h3 style="margin-bottom: 8px;"><field name="name"/></h3>
+                                            t-att-title="record.user_id.value" width="24" height="24" class="oe_kanban_avatar pull-right"/>
+                                         <h3 class="oe_margin_bottom_8"><field name="name"/></h3>
                                         <field name="category_ids"/>
                                         <a name="%(action_view_mass_mailings_from_campaign)d" type="action"
                                             class="oe_mailings">
-                                            <h4 style="margin-top: 8px;"><t t-raw="record.mass_mailing_ids.raw_value.length"/> Mailings</h4>
+                                            <h4 class="oe_margin_top_8"><t t-raw="record.mass_mailing_ids.raw_value.length"/> Mailings</h4>
                                         </a>
                                     </div>
                                     <div class="oe_clear"></div>
diff --git a/addons/project/project_view.xml b/addons/project/project_view.xml
index fb50dfda73c..5cff3245cb1 100644
--- a/addons/project/project_view.xml
+++ b/addons/project/project_view.xml
@@ -266,12 +266,14 @@
                                         <li><ul class="oe_kanban_colorpicker" data-field="color"/></li>
                                     </ul>
                                 </div>
-                                <div class="oe_kanban_content">
-                                    <h4 class="text-center"><strong><field name="name"/></strong></h4>
-                                    <div class="text-center oe_kanban_alias" t-if="record.alias_name.value and record.alias_domain.value">
-                                        <small><i class="fa fa-envelope-o"></i> <field name="alias_id"/></small>
+                                <div class="oe_project_kanban_content">
+                                    <div class="row">
+                                        <h4 class="text-center"><strong><field name="name"/></strong></h4>
+                                        <div class="text-center oe_kanban_alias" t-if="record.alias_name.value and record.alias_domain.value">
+                                            <small><i class="fa fa-envelope-o"></i> <field name="alias_id"/></small>
+                                        </div>
                                     </div>
-                                    <div class="oe_kanban_project_list">
+                                    <div class="row oe_margin_top_8 oe_kanban_project_list">
                                         <a t-if="record.use_tasks.raw_value" class="oe_sparkline_bar_link" name="%(act_project_project_2_project_task_all)d" type="action" style="margin-right: -5px">
                                             <t t-raw="record.task_ids.raw_value.length" /> Tasks
                                             <field name="monthly_tasks" widget="sparkline_bar" options="{'delayIn': '1000'}">
@@ -283,10 +285,10 @@
                                             <span>No activity yet, click to enter in the project.</span>
                                         </div>
                                     </div>
-                                    <div class="oe_kanban_project_list">
+                                    <div class="row oe_margin_top_8 oe_kanban_project_list">
                                         <a t-if="record.doc_count.raw_value" name="attachment_tree_view" type="object" style="margin-right: 10px"> <field name="doc_count"/> Documents</a>
                                     </div>
-                                    <div class="oe_kanban_footer_left">
+                                    <div class="row oe_margin_top_8 oe_kanban_footer_left">
                                         <span groups="project.group_time_work_estimation_tasks">
                                             <span class="oe_e">R</span>
                                             <t t-esc="Math.round(record.effective_hours.raw_value)"/>/<t t-esc="Math.round(record.planned_hours.raw_value)"/> <field name="company_uom_id"/>
@@ -296,7 +298,7 @@
                                             <field name="date"/>
                                         </span>
                                     </div>
-                                    <div class="oe_kanban_project_avatars">
+                                    <div class="row oe_margin_top_8 oe_kanban_project_avatars">
                                         <t t-foreach="record.members.raw_value.slice(0,11)" t-as="member">
                                             <img t-att-src="kanban_image('res.users', 'image_small', member)" t-att-data-member_id="member"/>
                                         </t>
diff --git a/addons/project/static/src/css/project.css b/addons/project/static/src/css/project.css
index 3572c45a9fe..9200e0ebf36 100644
--- a/addons/project/static/src/css/project.css
+++ b/addons/project/static/src/css/project.css
@@ -3,59 +3,8 @@
     min-height: 160px;
 }
 
-.oe_kanban_project_list > a > span:hover{
-    margin: 4px 0;
-    text-decoration: underline;
-}
-
-.openerp .oe_kanban_content h4 {
-    margin: 0 0 8px;
-}
-
-.oe_kanban_content > table {
-    width: 100%;
-}
-
-.oe_kanban_content > table > th {
-    padding: 0;
-    border-right: 1px solid #DDD;
-    vertical-align: top;
-    font-weight: normal;
-}
-
-.oe_kanban_content > table > td {
-    padding: 2px 0 2px 8px;
-    color: #888;
-}
-
-.oe_kanban_content .oe_ellipsis {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-height: 100px;
-}
-
-.oe_kanban_project_fields div:nth-child(odd) {
-    border-right: 1px solid #dddddd;
-    vertical-align: top;
-    padding-right: 8px;
-}
-
-.oe_kanban_project_fields div:nth-child(even) {
-    padding-left: 8px;
-    color: #888888;
-}
-
-.oe_kanban_project_avatars {
-    margin-top: 8px;
-}
-
 .oe_kanban_project_avatars img {
     width: 30px;
-    height: 30px;
-    padding-left: 0px;
-    margin-top: 3px;
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
     border-radius: 2px;
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
@@ -85,3 +34,10 @@
 
 }
 
+.openerp .oe_project_kanban_content {
+  margin-right: 16px !important;
+  margin-left: 16px !important;
+}
+.openerp .oe_margin_top_8 {
+  margin-top: 8px;
+}
diff --git a/addons/project_issue/project_issue_view.xml b/addons/project_issue/project_issue_view.xml
index f3b5ac8bfa4..04c2f54531f 100644
--- a/addons/project_issue/project_issue_view.xml
+++ b/addons/project_issue/project_issue_view.xml
@@ -333,7 +333,7 @@
                     <field name="issue_ids" invisible="1"/>
                 </field>
                 <xpath expr="//div[contains(@class, 'oe_kanban_project_list')]/a" position="after">
-                    <a t-if="record.use_issues.raw_value" style="margin-right: -30px" class="pull-right"
+                    <a t-if="record.use_issues.raw_value" style="margin-right: 20px" class="pull-right"
                         name="%(act_project_project_2_project_issue_all)d" type="action">
                         <t t-raw="record.issue_ids.raw_value.length"/> Issues
                         <field name="monthly_issues" widget="sparkline_bar" options="{'delayIn': '1000'}">
diff --git a/addons/sale/__openerp__.py b/addons/sale/__openerp__.py
index 62e7b0466a7..78d7feabadc 100644
--- a/addons/sale/__openerp__.py
+++ b/addons/sale/__openerp__.py
@@ -77,6 +77,7 @@ The Dashboard for the Sales Manager will include
         'edi/sale_order_action_data.xml',
         'res_config_view.xml',
         'views/report_saleorder.xml',
+        'views/sale.xml',
     ],
     'demo': ['sale_demo.xml'],
     'test': [
@@ -87,6 +88,7 @@ The Dashboard for the Sales Manager will include
         'test/delete_order.yml',
         'test/edi_sale_order.yml',
     ],
+    'css': ['static/src/css/sale.css'],
     'installable': True,
     'auto_install': False,
     'application': True,
diff --git a/addons/sale/sales_team_view.xml b/addons/sale/sales_team_view.xml
index 0134ed9ffab..bac84c8a085 100644
--- a/addons/sale/sales_team_view.xml
+++ b/addons/sale/sales_team_view.xml
@@ -33,26 +33,28 @@
                     <field name="invoiced_target"/>
                 </xpath>
                 <xpath expr="//div[@class='oe_clear']" position="before">
-                    <div class="oe_items_list">
-                        <div class="oe_salesteams_quotations" t-if="record.use_quotations.raw_value">
-                            <a name="%(action_quotations_salesteams)d" type="action" class="oe_sparkline_bar_link">Quotations</a>
-                            <a name="%(action_order_report_quotation_salesteam)d" type="action" class="oe_sparkline_bar_link">
+                    <div class="row oe_salesteam_kanban_view">
+                        <div class="row col-md-6 oe_margin_top_4" t-if="record.use_quotations.raw_value">
+                            <a class="col-md-9" name="%(action_quotations_salesteams)d" type="action">Quotations</a>
+                            <a class="col-md-3" name="%(action_order_report_quotation_salesteam)d" type="action">
                                 <field name="monthly_quoted" widget="sparkline_bar" options="{'delayIn': '3000'}">
                                     Revenue of created quotations per month.<br/>Click to see a detailed analysis.
                                 </field>
                             </a>
                         </div>
-                        <div class="oe_salesteams_orders">
-                            <a name="%(action_orders_salesteams)d" type="action">Sales Orders</a>
-                            <a name="%(action_order_report_so_salesteam)d" type="action" class="oe_sparkline_bar_link">
+                        <div class="row col-md-6 oe_margin_top_4">
+                            <a class="col-md-9" name="%(action_orders_salesteams)d" type="action">Sales Orders</a>
+                            <a class="col-md-3" name="%(action_order_report_so_salesteam)d" type="action">
                                 <field name="monthly_confirmed" widget="sparkline_bar" options="{'delayIn': '3000'}">
                                     Revenue of confirmed sales orders per month.<br/>Click to acces the Sales Analysis.
                                 </field>
                             </a>
                         </div>
-                        <div class="oe_salesteams_invoices" groups="account.group_account_invoice">
-                            <a name="%(action_invoice_salesteams)d" type="action">Invoices</a>
-                            <a name="%(action_account_invoice_report_salesteam)d" type="action" class="oe_sparkline_bar_link">
+                     </div>
+                     <div class="row oe_salesteam_kanban_view">
+                        <div class="row col-md-6 oe_margin_top_4" groups="account.group_account_invoice">
+                            <a class="col-md-9" name="%(action_invoice_salesteams)d" type="action">Invoices</a>
+                            <a class="col-md-3" name="%(action_account_invoice_report_salesteam)d" type="action">
                                 <field name="monthly_invoiced" widget="sparkline_bar" options="{'delayIn': '3000'}">
                                     Revenue of sent invoices per month.<br/>Click to see a detailed analysis of invoices.
                                 </field>
@@ -60,14 +62,16 @@
                         </div>
                       </div>
                 </xpath>
-                <xpath expr="//div[@class='oe_clear']" position="after">
-                    <div class="oe_center" t-if="record.invoiced_target.raw_value">
+                <xpath expr="//div[@class='oe_clear']" position="inside">
+                    <div class="row pull-right" t-if="record.invoiced_target.raw_value">
                         <field name="monthly_invoiced" widget="gauge" style="width:160px; height: 120px; cursor: pointer;"
                             options="{'max_field': 'invoiced_target'}">Invoiced</field>
                         <field name="invoiced_forecast" widget="gauge" style="width:160px; height: 120px; cursor: pointer;"
                             options="{'max_field': 'invoiced_target', 'on_change': 'action_forecast'}">Forecast</field>
                     </div>
-                    <div class="oe_center oe_salesteams_help" style="color:#bbbbbb;" t-if="!record.invoiced_target.raw_value">
+                </xpath>
+                <xpath expr="//div[@class='oe_clear']" position="after">
+                    <div class="text-center" style="color:#bbbbbb;" t-if="!record.invoiced_target.raw_value">
                         <br/>Define an invoicing target in the sales team settings to see the period's achievement and forecast at a glance.
                     </div>
                 </xpath>
diff --git a/addons/sale/static/src/css/sale.css b/addons/sale/static/src/css/sale.css
new file mode 100644
index 00000000000..9779065282b
--- /dev/null
+++ b/addons/sale/static/src/css/sale.css
@@ -0,0 +1,4 @@
+@charset "utf-8";
+.openerp .oe_margin_top_4 {
+	margin-top: 4px;
+}
\ No newline at end of file
diff --git a/addons/sale/views/sale.xml b/addons/sale/views/sale.xml
new file mode 100644
index 00000000000..023b4eb5ebf
--- /dev/null
+++ b/addons/sale/views/sale.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<openerp>
+    <data>
+        <template id="assets_backend" name="project assets" inherit_id="web.assets_backend">
+            <xpath expr="." position="inside">
+                <link rel="stylesheet" href="/sale/static/src/css/sale.css"/>
+            </xpath>
+        </template>
+    </data>
+</openerp>
diff --git a/addons/sales_team/sales_team.xml b/addons/sales_team/sales_team.xml
index 5763f20f0e4..92c119e3159 100644
--- a/addons/sales_team/sales_team.xml
+++ b/addons/sales_team/sales_team.xml
@@ -33,7 +33,7 @@
                                     <div class="oe_clear"></div>
                                     <div class="oe_kanban_salesteams_avatars">
                                         <t t-foreach="record.member_ids.raw_value.slice(0,10)" t-as="member">
-                                            <img t-att-src="kanban_image('res.users', 'image_small', member)" t-att-data-member_id="member"/>
+                                            <img class="oe_margin_top_16 img-rounded" t-att-src="kanban_image('res.users', 'image_small', member)" t-att-data-member_id="member"/>
                                         </t>
                                     </div>
                                 </div>
diff --git a/addons/sales_team/static/src/css/sales_team.css b/addons/sales_team/static/src/css/sales_team.css
index 8999f758e41..a14e147beab 100644
--- a/addons/sales_team/static/src/css/sales_team.css
+++ b/addons/sales_team/static/src/css/sales_team.css
@@ -6,57 +6,19 @@
   /* End of customize */
   cursor: default;
 }
-.openerp .oe_kanban_view .oe_kanban_crm_salesteams .oe_items_list {
-  position: relative;
-  /* Improved margin to set alignment of list items according bootstrap3 */
-  margin: 10px 0 10px 9px;
-  min-height: 10px;
-}
-.openerp .oe_kanban_view .oe_kanban_crm_salesteams .oe_items_list div {
-  width: 160px;
-  height: 22px;
-  margin: 0 !important;
-  position: relative;
-  display: inline-block;
-  float: left;
-}
-.openerp .oe_kanban_view .oe_kanban_crm_salesteams .oe_items_list div a:nth-child(2n) {
-  position: absolute;
-  left: 90px;
-  top: 0;
-}
-.openerp .oe_kanban_view .oe_kanban_crm_salesteams .oe_items_list div:nth-child(2n) a:nth-child(2n) {
-  left: 110px;
-}
-.openerp .oe_kanban_view .oe_kanban_crm_salesteams .oe_items_list a:hover {
-  text-decoration: underline !important;
-}
-.openerp .oe_kanban_view .oe_kanban_crm_salesteams .oe_center {
-  text-align: center;
-  margin: 3px 0;
-}
-.openerp .oe_kanban_view .oe_kanban_crm_salesteams .oe_center .oe_sum {
-  margin: 0;
-  font-size: 40px;
-}
-.openerp .oe_kanban_view .oe_kanban_crm_salesteams .oe_center .oe_subsum {
-  font-size: 10px;
-}
-.openerp .oe_kanban_view .oe_salesteams_help {
-  display: inline-block;
-}
-.openerp .oe_kanban_view .oe_kanban_salesteams_avatars {
-  margin-top: 20px;
-}
 .openerp .oe_kanban_view .oe_kanban_salesteams_avatars img {
   width: 30px;
-  height: 30px;
-  padding-left: 0px;
-  margin-top: 3px;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  border-radius: 2px;
-  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-  -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 }
+.openerp .oe_salesteams_kanban_content {
+  margin-right: 16px;
+}
+.openerp .oe_kanban_view .oe_deadline {
+    padding-left: 0.5em;
+}
+.openerp .oe_salesteam_kanban_view{
+    margin-left: 0px;
+    margin-right: -2px;
+}
+.openerp .oe_margin_top_16 {
+  margin-top: 16px;
+}
\ No newline at end of file
diff --git a/addons/sales_team/static/src/css/sales_team.sass b/addons/sales_team/static/src/css/sales_team.sass
index 5c70981e52f..5587108c83b 100644
--- a/addons/sales_team/static/src/css/sales_team.sass
+++ b/addons/sales_team/static/src/css/sales_team.sass
@@ -8,48 +8,15 @@
             min-height: 254px !important
             /* End of customize */
             cursor: default
-            .oe_items_list
-                position: relative
-                /* Improved margin to set alignment of list items according bootstrap3 */
-                margin: 10px 0 10px 9px
-                min-height: 10px
-                div
-                    width: 160px
-                    height: 22px
-                    margin: 0 !important
-                    position: relative
-                    display: inline-block
-                    float: left
-                    a:nth-child(2n)
-                        position: absolute
-                        left: 90px
-                        top: 0
-                div:nth-child(2n)
-                    a:nth-child(2n)
-                        left: 110px
-                a:hover
-                    text-decoration: underline !important
-            .oe_center
-                text-align: center
-                margin: 3px 0
-                .oe_sum
-                    margin: 0
-                    font-size: 40px
-                .oe_subsum
-                    font-size: 10px
-        .oe_salesteams_help
-            display: inline-block
-        .oe_kanban_salesteams_avatars
-            margin-top: 20px
         .oe_kanban_salesteams_avatars
             img
                 width: 30px
-                height: 30px
-                padding-left: 0px
-                margin-top: 3px
-                -moz-border-radius: 2px
-                -webkit-border-radius: 2px
-                border-radius: 2px
-                -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
-                -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
-                -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
+        .oe_deadline
+            padding-left: 0.5em
+    .oe_salesteams_kanban_content
+        margin-right: 16px
+    .oe_salesteam_kanban_view
+        margin-left: 0px
+        margin-right: -2px
+    .oe_margin_top_16
+        margin-top: 16px
diff --git a/addons/stock/static/src/css/stock.css b/addons/stock/static/src/css/stock.css
index df62fed2558..6bac469bbf2 100644
--- a/addons/stock/static/src/css/stock.css
+++ b/addons/stock/static/src/css/stock.css
@@ -1,109 +1,8 @@
-.oe_product_vignette {
-    padding: 8px 0;
-    min-height: 100px;
-}
-
-.oe_product_img, .oe_product_desc {
-    display: inline-block;
-    vertical-align: top;
-}
-
-.oe_product_img {
-    width: 80px;
-    height: 80px;
-    text-align: center;
-    overflow: hidden;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    -o-border-radius: 3px;
-    -ms-border-radius: 3px;
-    border-radius: 3px;
-    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-    -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-}
-
-.oe_product_photo {
-    width: 80px;
-    height: auto;
-    clip: rect(5px, 70px, 75px, 0px);
-}
-
-.oe_product_photo_wide {
-    height: 80px;
-    width: auto;
-    clip: rect(0px, 80px, 70px, 10px);
-}
-
-.oe_product_desc {
-    width: 220px;
-    font-size: 13px;
-    padding: 2px 5px;
-    color: #4c4c4c;
-    min-height: 120px;
-}
-
-.oe_product_desc h4 {
-    margin: 0;
-    font-size: 13px;
-}
-
-.oe_product_desc h4 a {
-    color: #4c4c4c;
-}
-
-.oe_product_desc h4 a:hover {
-    text-decoration: underline;
-}
-
-.oe_product_desc ul {
-    margin: 3px 0 5px;
-    padding: 0;
-    list-style: none;
-}
-
-.oe_product_desc li {
-    margin: 2px 0;
-}
-
 .openerp .oe_kanban_view .oe_kanban_stock_picking_type {
     width: 345px;
     cursor: default;
     min-height: 245px !important;
 }
-.openerp .oe_kanban_view .oe_kanban_stock_picking_type .oe_items_list {
-    position: relative;
-    margin: 10px;
-}
-.openerp .oe_kanban_view .oe_kanban_stock_picking_type .oe_items_list div {
-    width: 160px;
-    height: 22px;
-    margin: 0 !important;
-    position: relative;
-    display: inline-block;
-    float: left;
-}
-.openerp .oe_kanban_view .oe_kanban_stock_picking_type .oe_items_list a:hover {
-    text-decoration: underline !important;
-}
-.openerp .oe_kanban_view .oe_kanban_stock_picking_type .oe_items_list div a:nth-child(2n) {
-    position: absolute;
-    left: 150px;
-    top: 0;
-}
-.openerp .oe_kanban_view .oe_kanban_stock_picking_type .oe_items_list div:nth-child(2n) a:nth-child(2n) {
-    left: 150px;
-}
-.openerp .oe_kanban_view .oe_kanban_stock_picking_type .oe_sparkline_bar {
-    height: 20px;
-    width: 66px !important;
-}
-.openerp .oe_kanban_view .oe_kanban_stock_picking_type .oe_picking_type_gauge {
-    position: absolute;
-    left: 10px;
-    top: 100px;
-}
 .openerp .oe_stock_scan_image {
    opacity: 0.2;
    margin: 0 5px 0;
@@ -129,3 +28,6 @@
     background: none !important;
     box-shadow: none !important;
 }
+.openerp .oe_stock_kanban_content {
+  margin-right: 16px;
+}
diff --git a/addons/stock/stock_view.xml b/addons/stock/stock_view.xml
index 338e7eff11e..d923f5f6002 100644
--- a/addons/stock/stock_view.xml
+++ b/addons/stock/stock_view.xml
@@ -1362,7 +1362,7 @@
                                         <t t-if="widget.view.is_action_enabled('edit')"><li><ul class="oe_kanban_colorpicker" data-field="color"/></li></t>
                                     </ul>
                                 </div>
-                                <div class="oe_kanban_content">
+                                <div class="oe_stock_kanban_content">
                                     <h4 class="text-center"><strong><field name="complete_name"/></strong></h4>
                                     <div class="oe_right">
                                         <a name="open_barcode_interface" type="object">
@@ -1371,41 +1371,32 @@
                                                 class="oe_stock_scan_image" title="Click to launch the barcode interface"/>
                                         </a>
                                     </div>
-                                    <div class="oe_items_list oe_kanban_ellipsis">
-                                        <div>
-                                            <a name="%(action_picking_tree_ready)d" type="action">
+                                    <div class="row">
+                                        <div class="col-md-8">
+                                            <a name="%(action_picking_tree_ready)d" type="action" class="col-md-9">
                                                 <field name="count_picking_ready"/> Ready
                                             </a>
-                                            <a name="%(action_picking_tree_done)d" type="action" class="oe_sparkline_bar_link">
+                                            <a name="%(action_picking_tree_done)d" type="action" class="col-md-3">
                                                 <field name="last_done_picking" widget="sparkline_bar" options="{'type': 'tristate', 'colorMap': {'0': 'orange', '-1': 'red', '1': 'green'}}">Last 10 Done Operations</field>
                                             </a>
-                                        </div>
-                                        <div t-if="record.count_picking_waiting.raw_value &gt; 0">
-                                            <a name="%(action_picking_tree_waiting)d" type="action">
-                                                <field name="count_picking_waiting"/> Waiting Availability
-                                            </a>
-                                        </div>
-                                        <div>
-                                            <a name="%(action_picking_tree)d" type="action">All Operations</a>
+                                            <t t-if="record.count_picking_waiting.raw_value &gt; 0">
+                                                 <a name="%(action_picking_tree_waiting)d" type="action" class="col-md-12">
+                                                     <field name="count_picking_waiting"/> Waiting Availability
+                                                 </a>
+                                             </t>
+                                             <a class="col-md-9" name="%(action_picking_tree)d" type="action">All Operations</a>
                                         </div>
                                     </div>
-                                    <div class="oe_picking_type_gauge">
-                                        <field name="rate_picking_late" widget="gauge" style="width:150px; height: 110px;" options="{'levelcolors': ['#a9d70b', '#f9c802', '#ff0000'], 'action_jump': '%(action_picking_tree_late)d'}">Late (%%)</field>
-                                        <field name="rate_picking_backorders" widget="gauge" style="width:150px; height: 110px;">Backorders (%%)</field>
-                                        <div class="oe_gauge_labels">
-                                            <div class="oe_gauge_label_column">
-                                                <a name="%(action_picking_tree_late)d" type="action">
-                                                    <field name="count_picking_late"/> Late
-                                                </a>
-                                            </div>
-                                            <div class="oe_gauge_label_column">
-                                                <a name="%(action_picking_tree_backorder)d" type="action">
-                                                    <field name="count_picking_backorders"/> Backorders
-                                                </a>
-                                            </div>
-                                        </div>
+                                    <div class="row">
+                                         <field name="rate_picking_late" widget="gauge" style="margin-left:15px; width:150px; height: 110px;" options="{'levelcolors': ['#a9d70b', '#f9c802', '#ff0000'], 'action_jump': '%(action_picking_tree_late)d'}">Late (%%)</field>
+                                         <field name="rate_picking_backorders" widget="gauge" style="margin-left:15px; width:150px; height: 110px;">Backorders (%%)</field>
+                                         <a name="%(action_picking_tree_late)d" type="action" class="text-center col-md-6">
+                                             <field name="count_picking_late"/> Late
+                                         </a>
+                                         <a name="%(action_picking_tree_backorder)d" type="action" class="text-center col-md-6">
+                                             <field name="count_picking_backorders"/> Backorders
+                                         </a>
                                     </div>
-
                                 </div>
                             </div>
                         </t>
diff --git a/addons/web_kanban/static/src/css/kanban.css b/addons/web_kanban/static/src/css/kanban.css
index 848557dff61..4bcdab30a00 100644
--- a/addons/web_kanban/static/src/css/kanban.css
+++ b/addons/web_kanban/static/src/css/kanban.css
@@ -61,15 +61,6 @@
   -moz-transition: -moz-transform 100ms linear;
   transition: transform 100ms linear;
 }
-.openerp .oe_kanban_view .oe_kanban_left {
-  float: left;
-}
-.openerp .oe_kanban_view .oe_kanban_right {
-  float: right;
-}
-.openerp .oe_kanban_view .oe_kanban_clear {
-  clear: both;
-}
 .openerp .oe_kanban_view .oe_kanban_content {
   word-wrap: break-word;
 }
@@ -281,9 +272,6 @@
   padding: 0 5px;
   color: #4c4c4c;
 }
-.openerp .oe_kanban_view .oe_kanban_details h4 {
-  margin: 0 0 4px 0;
-}
 .openerp .oe_kanban_view .oe_kanban_details .oe_tag {
   display: inline-block;
   margin: 0 2px 2px 0;
@@ -300,13 +288,6 @@
 .openerp .oe_kanban_view .oe_kanban_record:last-child {
   margin-bottom: 0;
 }
-.openerp .oe_kanban_view .oe_kanban_record .oe_kanban_title {
-  font-weight: bold;
-  margin: 2px 4px;
-}
-.openerp .oe_kanban_view .oe_kanban_record .oe_kanban_alias {
-  margin: 0px 0 8px 0;
-}
 .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_record {
   margin-bottom: 4px;
 }
@@ -357,29 +338,6 @@
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
 }
-.openerp .oe_kanban_view .oe_kanban_action_button {
-  height: 22px;
-  margin: 0;
-}
-.openerp .oe_kanban_view .oe_kanban_action_a {
-  text-decoration: none;
-}
-.openerp .oe_kanban_view .oe_kanban_action_a:hover {
-  text-decoration: none;
-}
-.openerp .oe_kanban_view .oe_kanban_table {
-  width: 100%;
-  border: none;
-  border-collapse: collapse;
-  margin: 0;
-  padding: 0;
-}
-.openerp .oe_kanban_view .oe_kanban_table tr td {
-  padding: 0;
-}
-.openerp .oe_kanban_view .oe_kanban_table tr td.oe_kanban_title {
-  padding: 2px;
-}
 .openerp .oe_kanban_view .oe_kanban_box_content {
   padding: 4px;
   font-size: 90%;
@@ -399,19 +357,6 @@
 .openerp .oe_kanban_view a.oe_kanban_button:hover, .openerp .oe_kanban_view .openerp button.oe_kanban_button:hover {
   background-color: #eeddf6;
 }
-.openerp .oe_kanban_view .oe_kanban_buttons_set {
-  border-top: 1px dotted;
-  white-space: nowrap;
-  padding-top: 2px;
-  position: relative;
-  clear: both;
-}
-.openerp .oe_kanban_view .oe_kanban_buttons_set a {
-  padding: 2px;
-}
-.openerp .oe_kanban_view .oe_kanban_box_show_onclick {
-  display: none;
-}
 .openerp .oe_kanban_view .oe_kanban_draghandle {
   cursor: move;
 }
@@ -426,16 +371,6 @@
   margin: 5px 0 0 15px;
   list-style: circle;
 }
-.openerp .oe_kanban_view .oe_kanban_highlight {
-  border-radius: 2px;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  padding: 1px 5px;
-  margin: 1px 4px;
-  white-space: nowrap;
-  display: inline-block;
-  line-height: 1em;
-}
 .openerp .oe_kanban_view .oe_kanban_card, .openerp .oe_kanban_view .oe_kanban_quick_create {
   margin-bottom: 4px;
   position: relative;
@@ -470,11 +405,6 @@
 .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_star {
-  float: left;
-  position: inline-block;
-  margin: 0 4px 0 0;
-}
 .openerp .oe_kanban_view .oe_kanban_avatar {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
@@ -675,6 +605,7 @@
   -ms-writing-mode: lr-tb !important;
   background: #f0eeee;
 }
+
 .openerp_ie .oe_kanban_view.oe_kanban_grouped .oe_kanban_group_header {
   height: 1%;
 }
diff --git a/addons/web_kanban/static/src/css/kanban.sass b/addons/web_kanban/static/src/css/kanban.sass
index 482e43c7dcb..951ed9166fa 100644
--- a/addons/web_kanban/static/src/css/kanban.sass
+++ b/addons/web_kanban/static/src/css/kanban.sass
@@ -95,12 +95,6 @@
         -webkit-transition: -webkit-transform 100ms linear
         -moz-transition: -moz-transform 100ms linear
         transition: transform 100ms linear
-    .oe_kanban_left
-        float: left
-    .oe_kanban_right
-        float: right
-    .oe_kanban_clear
-        clear: both
     .oe_kanban_content
         word-wrap: break-word
         .oe_star_on, .oe_star_off
@@ -115,9 +109,6 @@
             color: gold
         div:first-child
             margin-right: 16px
-    .oe_kanban_button_new
-        color: white
-        background: #DC5F59
     // }}}
     // KanbanGroups {{{
     .oe_kanban_groups
@@ -274,8 +265,6 @@
         font-size: 13px
         padding: 0 5px
         color: #4c4c4c
-        h4
-            margin: 0 0 4px 0
         .oe_tag
             display: inline-block
             margin: 0 2px 2px 0
@@ -287,11 +276,6 @@
         @include radius(4px)
         &:last-child
             margin-bottom: 0
-        .oe_kanban_title
-            font-weight: bold
-            margin: 2px 4px
-        .oe_kanban_alias
-            margin: 0px 0 8px 0
     &.oe_kanban_grouped
         .oe_kanban_record
             margin-bottom: 4px
@@ -309,15 +293,6 @@
         -moz-border-radius: 4px
         -webkit-border-radius: 4px
         margin-bottom: 5px
-    .oe_kanban_box_header
-        border-bottom: 1px solid #CCC
-    .oe_kanban_title
-        font-size: 95%
-        font-weight: bold
-        padding: 0 4px 0 4px
-    .oe_kanban_small
-        font-size: 80%
-        font-weight: normal
     .oe_kanban_show_more
         clear: both
         text-align: center
@@ -331,23 +306,6 @@
             box-sizing: border-box
             -moz-box-sizing: border-box
             -webkit-box-sizing: border-box
-    .oe_kanban_action_button
-        height: 22px
-        margin: 0
-    .oe_kanban_action_a
-        text-decoration: none
-        &:hover
-            text-decoration: none
-    .oe_kanban_table
-        width: 100%
-        border: none
-        border-collapse: collapse
-        margin: 0
-        padding: 0
-    .oe_kanban_table tr td
-        padding: 0
-    .oe_kanban_table tr td.oe_kanban_title
-        padding: 2px
     .oe_kanban_box_content
         padding: 4px
         font-size: 90%
@@ -364,35 +322,14 @@
         margin: 1px
     a.oe_kanban_button:hover, .openerp button.oe_kanban_button:hover
         background-color: #eeddf6
-    .oe_kanban_buttons_set
-        border-top: 1px dotted
-        white-space: nowrap
-        padding-top: 2px
-        position: relative
-        clear: both
-        a
-            padding: 2px
-    .oe_kanban_box_show_onclick
-        display: none
     .oe_kanban_draghandle
         cursor: move
     .oe_kanban_color_border
         border-color: #CCCCCC
-    .oe_kanban_color_border
-        border-color: #CCCCCC
     .oe_kanban_tooltip ul, ul.oe_kanban_tooltip
         padding: 0 0 4px 0
         margin: 5px 0 0 15px
         list-style: circle
-    .oe_kanban_highlight
-        border-radius: 2px
-        -moz-border-radius: 2px
-        -webkit-border-radius: 2px
-        padding: 1px 5px
-        margin: 1px 4px
-        white-space: nowrap
-        display: inline-block
-        line-height: 1em
     .oe_kanban_card, .oe_kanban_quick_create
         margin-bottom: 4px
         position: relative
@@ -420,10 +357,6 @@
                 li
                     float: left
        
-    .oe_kanban_star
-        float: left
-        position: inline-block
-        margin: 0 4px 0 0
     .oe_kanban_avatar
         @include radius(3px)
         @include box-shadow(0 1px 2px rgba(0,0,0,0.2))
diff --git a/openerp/addons/base/res/res_partner_view.xml b/openerp/addons/base/res/res_partner_view.xml
index bbeb90a5cdb..bb4a5a3c913 100644
--- a/openerp/addons/base/res/res_partner_view.xml
+++ b/openerp/addons/base/res/res_partner_view.xml
@@ -213,7 +213,7 @@
                                             <div t-att-class="color + (record.title.raw_value == 1 ? ' oe_kanban_color_alert' : '')" style="position: relative">
                                                 <a t-if="! read_only_mode" type="delete" style="position: absolute; right: 0; padding: 4px; diplay: inline-block">X</a>
                                                 <div class="oe_module_vignette">
-                                                <a type="open">
+                                                <a type="open" class="col-md-2">
                                                     <t t-if="record.has_image.raw_value === true">
                                                         <img t-att-src="kanban_image('res.partner', 'image', record.id.value, {'preview_image': 'image_small'})" class="oe_avatar oe_kanban_avatar_smallbox"/>
                                                     </t>
@@ -231,10 +231,9 @@
                                                 </a>
                                                     <div class="oe_module_desc">
                                                         <div class="oe_kanban_box_content oe_kanban_color_bglight oe_kanban_color_border">
-                                                            <table class="oe_kanban_table">
-                                                                <tr>
-                                                                    <td class="oe_kanban_title1" align="left" valign="middle">
-                                                                        <h4><a type="open"><field name="name"/></a></h4>
+                                                              <div class="col-md-12">
+                                                                 <div>
+                                                                     <h4><a type="open"><field name="name"/></a></h4>
                                                                         <i><div t-if="record.function.raw_value">
                                                                             <field name="function"/></div></i>
                                                                         <div><a t-if="record.email.raw_value" title="Mail" t-att-href="'mailto:'+record.email.value">
@@ -243,9 +242,8 @@
                                                                         <div t-if="record.phone.raw_value">Phone: <field name="phone"/></div>
                                                                         <div t-if="record.mobile.raw_value">Mobile: <field name="mobile"/></div>
                                                                         <div t-if="record.fax.raw_value">Fax: <field name="fax"/></div>
-                                                                    </td>
-                                                                </tr>
-                                                            </table>
+                                                                  </div>
+                                                               </div>
                                                         </div>
                                                     </div>
                                                 </div>