diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index d8f31af1d35..4d231d44742 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -1,4 +1,3 @@
-/* TODO: separate openerp web client page css from openerp views css */
 body.openerp {
     padding: 0;
     margin: 0;
@@ -6,10 +5,17 @@ body.openerp {
     min-width: 1000px;
     overflow-y: scroll;
     font-size: 80%;
+    font-family: Ubuntu, Helvetica, sans-serif;
 }
 
 body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp option, .openerp button, .openerp .ui-widget {
     font-family: Ubuntu, Helvetica, sans-serif;
+    font-size:85%;
+}
+
+.openerp .view-manager-main-content {
+    width: 100%;
+    padding: 0 8px 8px 8px;
 }
 
 .oe_box {
@@ -29,6 +35,17 @@ body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp optio
 .openerp .oe-listview .oe-number {
     text-align: right !important;
 }
+.oe-listview-header-columns {
+    background: #444; /* Old browsers */
+    background: -moz-linear-gradient(top, #ffffff 0%, #d1d1d1 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Opera11.10+ */
+    background: -ms-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* IE10+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
+    background: linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* W3C */
+}
+
 .openerp .oe_hide {
     display: none !important;
 }
@@ -261,7 +278,7 @@ label.error {
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BD5E54', endColorstr='#90322A',GradientType=0 ); /* IE6-9 */
     background: linear-gradient(top, #bd5e54 0%,#90322a 60%); /* W3C */
 
-    border: 1px solid #6E2A24;
+    border: 1px solid #5E1A14;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
@@ -272,7 +289,7 @@ label.error {
     text-transform: uppercase;
     line-height: 20px;
     font-weight: bold;
-    font-size: 85%;
+    font-size: 75%;
 
     white-space: nowrap;
 }
@@ -331,6 +348,7 @@ label.error {
     height: 100%;
     display: block;
     position: relative;
+    font-size:85%;
 }
 .openerp .secondary_menu.oe_folded {
     width: 20px;
@@ -371,6 +389,10 @@ label.error {
     white-space: nowrap;
     color: white;
     text-shadow: 0 1px 0 #333;
+
+}
+.openerp a.oe_secondary_submenu_item {
+    padding: 0 5px 2px 10px;
 }
 .openerp a.oe_secondary_submenu_item:hover,
 .openerp a.oe_secondary_submenu_item.leaf.active {
@@ -383,7 +405,7 @@ label.error {
     background: -ms-linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* IE10+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#5A5858',GradientType=0 ); /* IE6-9 */
     background: linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* W3C */
-    padding: 0 5px 2px 5px;
+    padding: 0 5px 2px 10px;
     line-height: 20px;
     color: #3f3d3d;
     text-decoration: none;
@@ -431,6 +453,8 @@ label.error {
     margin: 0;
     padding: 4px 10px;
     text-shadow: 0 1px 0 #111111;
+    font-weight:normal;
+    line-height:14px;
 }
 .openerp .header_title small {
     color: #ccc;
@@ -464,15 +488,11 @@ label.error {
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#4D4D4D',GradientType=0 );
 }
 .openerp .header_corner ul.block {
-    /*float: left;*/
     list-style: none;
     height: 34px;
     margin: 0;
     padding: 0 0 0 2px;
-    /*background: url(../images/top-sep-a.png) no-repeat;*/
     line-height: 33px;
-    /*font-size: 1em;*/
-    /*text-transform: uppercase;*/
 }
 .openerp .header_corner ul.block li {
     float: left;
@@ -498,6 +518,10 @@ label.error {
     font-weight: bold;
 }
 
+.openerp .logout {
+    font-size:80%;
+}
+
 /* Footer */
 .openerp div.oe_footer {
     background: none repeat scroll 0 0 #CCCCCC;
@@ -530,7 +554,7 @@ label.error {
 }
 
 .openerp h2.oe_view_title {
-    font-size: 175%;
+    font-size: 110%;
     font-weight: normal;
     margin: 2px 0;
     color: #252424;
@@ -541,12 +565,15 @@ label.error {
 .openerp .oe_vm_switch {
     float: right;
 }
+.openerp .oe-view-manager-header .oe_view_title {
+    font-size:150%;
+}
 
 /* SearchView */
 .openerp .filter_label, .openerp .filter_icon {
-    border: 1px solid #666;
     border-left-width: 0;
     background: #F0F0F0;
+    border: 1px solid #999;
     background: -moz-linear-gradient(top, #F0F0F0 0%, #C0C0C0 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C0C0C0));
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#C0C0C0',GradientType=0 );
@@ -558,13 +585,13 @@ label.error {
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#A1A7CE',GradientType=0 );
 }
 .openerp .filter_label:active, .openerp .filter_icon:active {
-    background: #AAAAAA;
+    background: #aaa;
     background: -moz-linear-gradient(top, #999999 0%, #EEEEEE 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#EEEEEE));
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#EEEEEE',GradientType=0 );
 }
 .openerp .filter_label.enabled, .openerp .filter_icon.enabled {
-    background: #AAAAAA;
+    background: #aaa;
 }
 .openerp .filter_icon {
     height: 22px;
@@ -588,13 +615,16 @@ label.error {
     white-space: nowrap;
 }
 .openerp .filter_label_group button:first-child {
-    border-left: 1px solid #666;
     -webkit-border-top-left-radius: 7px;
     -webkit-border-bottom-left-radius: 7px;
     -moz-border-radius-topleft: 7px;
     -moz-border-radius-bottomleft: 7px;
     border-top-left-radius: 7px;
     border-bottom-left-radius: 7px;
+    border-right: none;
+}
+.openerp .filter_label_group button {
+    border-right: none;
 }
 .openerp .filter_label_group button:last-child {
     -webkit-border-top-right-radius: 7px;
@@ -603,6 +633,20 @@ label.error {
     -moz-border-radius-bottomright: 7px;
     border-top-right-radius: 7px;
     border-bottom-right-radius: 7px;
+    border-right: 1px solid #999;
+}
+.openerp .filter_label_group button.filter_icon img {
+    padding: 1px 8px 0 8px;
+}
+.openerp .filter_label_group button.filter_icon:first-child {
+    border-left: solid 1px #999;
+    margin-left: -7px;
+    -webkit-border-top-left-radius: 0px;
+    -webkit-border-bottom-left-radius: 0px;
+    -moz-border-radius-topleft: 0px;
+    -moz-border-radius-bottomleft: 0px;
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
 }
 
 .openerp .searchview_group_string {
@@ -628,8 +672,15 @@ label.error {
 .openerp .searchview_group.expanded .searchview_group_content {
     display: block;
 }
-.openerp .searchview_group_content {
-    padding-left: 10px;
+
+.openerp .searchview_group_content .oe_label, .openerp .searchview_group_content .oe_label_help {
+    font-weight: bold;
+    color: #4c4c4c;
+}
+
+.openerp .oe-searchview-render-line .oe_label, .openerp .oe-searchview-render-line .oe_label_help {
+    font-weight: bold;
+    font-size: 80%;
 }
 
 .openerp .searchview_extended_group {
@@ -715,20 +766,23 @@ label.error {
     text-align: left;
     padding: 1px 2px;
 }
-.openerp .oe-listview th.oe-record-selector,
-.openerp .oe-listview td.oe-button,
-.openerp .oe-listview td.oe-record-delete {
-    padding: 0 1px;
+
+.openerp .oe-record-delete button{
+    border: none;
+    height: 12px;
+    width: 12px;
+    background: url("/web/static/src/img/iconset-b-remove.png") no-repeat scroll center center transparent;
+    cursor: pointer;
 }
 
 /* Could use :not selectors if they were supported by MSIE8... */
 .openerp .oe-listview tbody td {
-    border-left: 1px solid #dadada;
+    border-left: 1px solid #dadada; /*currently commenting to test with no vertical lines in list view*/
 }
 .openerp .oe-listview tbody td:first-child,
 .openerp .oe-listview tbody td.oe-button,
-.openerp .oe-listview tbody td.oe-button+td,
-.openerp .oe-listview tbody th.oe-record-selector+td,
+.openerp .oe-listview tbody td.oe-button,
+.openerp .oe-listview tbody th.oe-record-selector,
 .openerp .oe-listview tbody td.oe-record-delete {
     border-left: none;
 }
@@ -738,15 +792,36 @@ label.error {
 }
 .openerp .oe-listview th.oe-sortable {
     cursor: pointer;
+    font-size: 75%;
+    text-transform: uppercase;
+    padding: 0;
+    margin: 0;
+    padding-left: 3px;
+    color: #333;
 }
 .openerp .oe-listview th.oe-sortable .ui-icon {
-    height: 1em;
+    height: 60%;
+    margin: -6px 0 0;
     display: inline;
     display: inline-block;
+    vertical-align: middle;
+}
+
+.openerp .oe-listview table tbody td {
+    border-bottom: 1px solid #E3E3E3;
+}
+
+.openerp .oe-listview .oe-record-selector {
+    border-bottom: 1px solid #E3E3E3;
 }
 
 .openerp .oe-listview .oe-field-cell {
     cursor: pointer;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-top: 3px;
+    padding-bottom: 3px;
+    font-size: 80%;
 }
 .openerp .oe-listview .oe-field-cell progress {
     width: 100%;
@@ -778,6 +853,8 @@ label.error {
 }
 .openerp .oe-list-pager .oe-pager-state {
     cursor: pointer;
+    font-size: 90%;
+    color: #555;
 }
 
 .openerp .oe-listview .oe-group-name {
@@ -794,6 +871,8 @@ label.error {
 .openerp .oe-listview .oe-list-footer {
     text-align: center;
     white-space: nowrap;
+    color: #444;
+    font-size: 85%;
 }
 .openerp .oe-listview .oe-list-footer span {
     margin: 0 1em;
@@ -846,28 +925,62 @@ label.error {
 }
 .openerp .oe_form_notebook .ui-tabs-panel {
     padding: 4px;
+    -moz-border-radius-topright: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-right-radius: 4px;
 }
 .openerp .oe_form_notebook ul.ui-tabs-nav {
     padding-left: 0;
     background: transparent;
-    border-width: 0 0 1px 0;
+    border-width: 0;
     border-radius: 0;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
-    line-height: 0.5em;
+    line-height: 0.8em;
+    font-size: 95%;
+    color: #555;
 }
 .openerp .oe_form_notebook ul.ui-tabs-nav li {
     font-weight: bold;
 }
 .openerp .oe_form_notebook .ui-tabs-panel {
     background: #f9f9f9;
-    border-width: 0 1px 1px 1px;
+    border-width: 1px;
 }
 .openerp .oe_form_notebook .ui-tabs-selected {
     background: #f9f9f9;
 }
+/* Unedit Form */
+.openerp .field_char, .openerp .field_date, .openerp .field_float, .openerp .oe_form_field_many2one a {
+    vertical-align: middle;
+    padding-top: 3px;
+    font-size: 90%;
+    color: #222;
+}
+.openerp .oe_form_field_many2one a {
+    color: #9A0404;
+    line-height: 12px;
+}
+
+
 
 /* Form */
+
+.openerp .oe_form_frame_cell input[type="checkbox"] {
+    margin-top: 3px;
+    vertical-align: center;
+}
+.openerp .oe_form_frame_cell .input[type="text"] {
+    padding-bottom: 1px;
+}
+
+.openerp table.oe_frame td {
+    color: #4c4c4c;
+}
+.openerp td.oe_form_frame_cell {
+    padding: 2px;
+    position: relative;
+}
 .openerp .oe_frame.oe_forms {
     clear: both;
 }
@@ -889,6 +1002,9 @@ label.error {
     padding: 2px;
     position: relative;
 }
+.openerp td.oe_form_field_boolean {
+    padding-top: 4px;
+}
 .openerp td.oe_form_frame_cell.oe_form_group {
     padding: 0;
 }
@@ -900,14 +1016,31 @@ label.error {
 }
 .openerp .oe_form_pager, .openerp .oe_list_pager {
     float: right;
+    font-size: 80%;
+    color: gray;
+    font-weight: bold;
+}
+
+.openerp .oe_form_pager {
+    margin-right: 3px;
+}
+
+
+.openerp label.oe_label_help, .openerp label.oe_label, .openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms .oe_button, .openerp .oe_forms textarea {
+    font-size: 85%;
 }
 
 .openerp label.oe_label_help, .openerp label.oe_label {
     display: block;
+    color: #4c4c4c;
+    font-weight: normal;
 }
 .openerp label.oe_label_help {
     cursor: help;
 }
+.openerp .oe_form_frame_cell  .oe_label, .openerp .oe_form_frame_cell  .oe_label_help {
+    font-weight: normal;
+}
 .openerp #tiptip_content {
     font-size: 12px;
 }
@@ -926,8 +1059,12 @@ label.error {
 }
 
 .openerp .oe_forms label.oe_label, .openerp .oe_forms label.oe_label_help {
-    margin: 3px 0 0 10px;
+    margin: 4px 0 0 3px;
 }
+.openerp .oe_forms .searchview_group_content label.oe_label, .openerp .searchview_group_content .oe_forms label.oe_label_help { /* making a distinction between labels in search view and other labels */
+    margin: 3px 0 0 3px;
+}
+
 .openerp label.oe_label_help span {
     font-size: 80%;
     color: darkgreen;
@@ -949,13 +1086,29 @@ label.error {
     margin: 3px 0 0 0;
 }
 
+/* Uneditable Form View */
+.openerp .oe_form_readonly {
+
+}
+.openerp .oe_form_readonly .field_char, .openerp .oe_form_readonly .oe_form_field_email  {
+    padding-top: 4px;
+    background-color: white;
+}
+
+.openerp .oe_form_readonly .field_selection {
+    padding-top: 2px;
+    background-color: white;
+}
+
+
 /* Inputs */
 .openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms textarea {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
-    padding: 0 2px 0 2px;
+    padding: 0 2px;
+    margin: 0 2px;
     border: 1px solid #999;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
@@ -964,6 +1117,10 @@ label.error {
     min-width: 90px;
     color: #1f1f1f;
 }
+.openerp .oe_forms select{
+    padding-top: 2px;
+}
+
 .openerp .oe_forms textarea {
     resize:vertical;
 }
@@ -979,6 +1136,9 @@ label.error {
     min-width: 100%;
     width: 100%;
 }
+.openerp .oe_forms .button {
+    height: 22px;
+}
 @-moz-document url-prefix() {
     /* Strange firefox behaviour on width: 100% + white-space: nowrap */
     .openerp .oe_forms .oe_button {
@@ -1055,10 +1215,14 @@ label.error {
     border: 0 solid #666;
 }
 .openerp .separator.horizontal {
-   font-weight: bold;
+    font-weight: bold;
     border-bottom-width: 1px;
     margin: 3px 4px 3px 1px;
-    height: 15px;
+    height: 17px;
+    font-size: 95%;
+}
+.openerp .separator.horizontal:empty {
+    height: 5px;
 }
 .openerp .oe_form_frame_cell.oe_form_separator_vertical {
     border-left: 1px solid #666;
@@ -1095,6 +1259,14 @@ label.error {
     background: white;
     min-width: 90px;
 }
+.openerp tbody.ui-widget-content {
+    margin-bottom: 10px;
+    border-spacing: 4px;
+}
+.openerp .ui-widget-header {
+    background-image: none;
+    background-color: white;
+}
 
 /* Sidebar */
 .openerp .view-manager-main-table {
@@ -1108,16 +1280,13 @@ label.error {
     vertical-align: top;
 }
 
-.openerp .view-manager-main-content {
-    width: 100%;
-}
 .openerp .oe-view-manager-header {
     overflow: auto;
 }
 .openerp .oe-view-manager-header h2 {
     float: left;
 }
-.openerp .oe-view-manager-header blockquote {
+.openerp .oe_view_manager_menu_tips blockquote {
     display: none;
     font-size: 85%;
     margin: 0;
@@ -1126,14 +1295,14 @@ label.error {
     padding: 1px 10px;
     color: #4C4C4C;
 }
-.openerp .oe-view-manager-header blockquote p {
+.openerp .oe_view_manager_menu_tips blockquote p {
     margin: 0;
     padding: 6px 1px 4px;
 }
-.openerp .oe-view-manager-header blockquote div {
+.openerp .oe_view_manager_menu_tips blockquote div {
     text-align: right;
 }
-.openerp .oe-view-manager-header blockquote div button {
+.openerp .oe_view_manager_menu_tips blockquote div button {
     border: none;
     background: none;
     padding: 0 4px;
@@ -1365,6 +1534,7 @@ label.error {
 }
 .openerp .oe_forms .oe-m2o input[type="text"] {
     padding-right: 20px;
+    padding-top: 2px;
 }
 .openerp .oe-m2o-drop-down-button {
     margin-left: -23px;
@@ -1380,6 +1550,9 @@ label.error {
 .openerp .oe-m2o-disabled-cm {
     color: grey;
 }
+.openerp ul[role="listbox"] li a {
+    font-size:80%;
+}
 .parent_top {
     vertical-align: text-top;
 }
@@ -1425,20 +1598,19 @@ label.error {
 /* Shortcuts*/
 .oe-shortcut-toggle {
     height: 20px;
+    margin-top: 3px;
     padding: 0;
     width: 24px;
     cursor: pointer;
     display: block;
-    background: url(/web/static/src/img/add-shortcut.png) no-repeat bottom;
+    background: url(/web/static/src/img/add-shortcut.png) no-repeat center center;
     float: left;
 }
 .oe-shortcut-remove{
-    background: url(/web/static/src/img/remove-shortcut.png) no-repeat bottom;
+    background: url(/web/static/src/img/remove-shortcut.png) no-repeat center center;
 }
-/* ================ */
 .oe-shortcuts {
     position: absolute;
-
     margin: 0;
     padding: 6px 15px;
     top: 37px;
@@ -1463,9 +1635,14 @@ label.error {
     color: #fff;
     text-align: center;
     border-left: 1px solid #909090;
-    padding: 4px;
-    font-size: 90%;
+    padding: 0 4px;
+    font-size: 80%;
     font-weight: normal;
+    vertical-align: top;
+}
+
+.oe-shortcuts li:hover {
+    background-color: #666;
 }
 .oe-shortcuts li:first-child {
     border-left: none;
@@ -1535,4 +1712,3 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
 .openerp .oe_view_editor_tree_grid a {
     display: block;
 }
-
diff --git a/addons/web/static/src/css/data_import.css b/addons/web/static/src/css/data_import.css
index e5d1c9a910c..a63a52802f0 100644
--- a/addons/web/static/src/css/data_import.css
+++ b/addons/web/static/src/css/data_import.css
@@ -27,7 +27,7 @@
 .openerp .oe-import fieldset.oe-closed table {
     display: none;
 }
-.openerp .separator.horizontal {
+.openerp .oe-import .separator.horizontal {
     font-weight: bold;
     border-bottom-width: 1px;
     margin: 6px 4px 6px 1px;
diff --git a/addons/web/static/src/img/iconset-b-remove.png b/addons/web/static/src/img/iconset-b-remove.png
new file mode 100644
index 00000000000..497f03b4ceb
Binary files /dev/null and b/addons/web/static/src/img/iconset-b-remove.png differ
diff --git a/addons/web/static/src/js/view_form.js b/addons/web/static/src/js/view_form.js
index 28679e104a0..fdcfbbb79cb 100644
--- a/addons/web/static/src/js/view_form.js
+++ b/addons/web/static/src/js/view_form.js
@@ -3077,6 +3077,9 @@ openerp.web.form.FieldStatus = openerp.web.form.Field.extend({
 
 openerp.web.form.FieldReadonly = openerp.web.form.Field.extend({
 
+});
+openerp.web.form.WidgetFrameReadonly = openerp.web.form.WidgetFrame.extend({
+    template: 'WidgetFrame.readonly'
 });
 openerp.web.form.FieldCharReadonly = openerp.web.form.FieldReadonly.extend({
     template: 'FieldChar.readonly',
@@ -3230,6 +3233,7 @@ openerp.web.form.FieldOne2ManyReadonly = openerp.web.form.FieldOne2Many.extend({
     force_readonly: true
 });
 openerp.web.form.readonly = openerp.web.form.widgets.clone({
+    'frame': 'openerp.web.form.WidgetFrameReadonly',
     'char': 'openerp.web.form.FieldCharReadonly',
     'email': 'openerp.web.form.FieldEmailReadonly',
     'url': 'openerp.web.form.FieldUrlReadonly',
diff --git a/addons/web/static/src/js/views.js b/addons/web/static/src/js/views.js
index 582a526e57a..e8af1290e48 100644
--- a/addons/web/static/src/js/views.js
+++ b/addons/web/static/src/js/views.js
@@ -280,7 +280,7 @@ session.web.ViewManager =  session.web.Widget.extend(/** @lends session.web.View
             }
         }
         $.when(view_promise).then(function () {
-            self.$element.find('.oe_view_title:first').text(
+            self.$element.find('.oe_view_title_text:first').text(
                     self.display_title());
         });
         return view_promise;
@@ -426,8 +426,8 @@ session.web.ViewManagerAction = session.web.ViewManager.extend(/** @lends oepner
         });
         if (this.action.help && !this.flags.low_profile) {
             var Users = new session.web.DataSet(self, 'res.users'),
-                header = this.$element.find('.oe-view-manager-header');
-            header.delegate('blockquote button', 'click', function() {
+                $tips = this.$element.find('.oe_view_manager_menu_tips');
+            $tips.delegate('blockquote button', 'click', function() {
                 var $this = $(this);
                 //noinspection FallthroughInSwitchStatementJS
                 switch ($this.attr('name')) {
@@ -444,7 +444,7 @@ session.web.ViewManagerAction = session.web.ViewManager.extend(/** @lends oepner
                     if (!(user && user.id === self.session.uid)) {
                         return;
                     }
-                    header.find('blockquote').toggle(user.menu_tips);
+                    $tips.find('blockquote').toggle(user.menu_tips);
                 });
             }
         }
@@ -472,10 +472,10 @@ session.web.ViewManagerAction = session.web.ViewManager.extend(/** @lends oepner
                     view_id = (fvg && fvg.view_id) || '--';
                 self.$element.find('.oe_get_xml_view span').text(view_id);
                 if (!self.action.name && fvg) {
-                    self.$element.find('.oe_view_title').text(fvg.arch.attrs.string || fvg.name);
+                    self.$element.find('.oe_view_title_text').text(fvg.arch.attrs.string || fvg.name);
                 }
 
-                var $title = self.$element.find('.oe_view_title'),
+                var $title = self.$element.find('.oe_view_title_text'),
                     $search_prefix = $title.find('span.oe_searchable_view');
                 if (controller.searchable !== false) {
                     if (!$search_prefix.length) {
diff --git a/addons/web/static/src/xml/base.xml b/addons/web/static/src/xml/base.xml
index 0fb0ef87932..ad69ab00152 100644
--- a/addons/web/static/src/xml/base.xml
+++ b/addons/web/static/src/xml/base.xml
@@ -414,11 +414,12 @@
 </t>
 <t t-name="ViewManager">
     <table class="view-manager-main-table">
+    <tbody>
     <tr>
         <td class="view-manager-main-content">
             <div class="oe-view-manager-header">
                 <h2 class="oe_view_title" t-if="self.flags.display_title !== false">
-                    <t t-esc="self.display_title()"/>
+                    <span class="oe_view_title_text"><t t-esc="self.display_title()"/></span>
                 </h2>
                 <div class="oe_vm_switch">
                     <t t-if="views.length != 1" t-foreach="views" t-as="view">
@@ -439,21 +440,30 @@
             </t>
         </td>
     </tr>
+    </tbody>
     </table>
 </t>
 
 <t t-extend="ViewManager" t-name="ViewManagerAction">
-    <t t-jquery=".oe-view-manager-header" t-operation="prepend">
-        <blockquote t-if="self.action.help and !self.flags.low_profile
-                         and !(self.action.id in self.session.hidden_menutips)">
-            <p><t t-esc="self.action.help"/></p>
-            <div>
-                <button type="button" name="hide">Hide this tip</button>
-                <button type="button" name="disable">Disable all tips</button>
-            </div>
-        </blockquote>
-    	<a class="oe-shortcut-toggle" title="Add / Remove Shortcut..."
-    	   href="javascript: void(0)"> </a>
+    <t t-jquery=".view-manager-main-table tbody" t-operation="prepend">
+        <tr>
+            <td class="oe_view_manager_menu_tips" colspan="2">
+                <blockquote t-if="self.action.help and !self.flags.low_profile
+                                 and !(self.action.id in self.session.hidden_menutips)">
+                    <p><t t-esc="self.action.help"/></p>
+                    <div>
+                        <button type="button" name="hide">Hide this tip</button>
+                        <button type="button" name="disable">Disable all tips</button>
+                    </div>
+                </blockquote>
+            </td>
+        </tr>
+    </t>
+    <t t-jquery="h2.oe_view_title" t-operation="prepend">
+        <a class="oe-shortcut-toggle" title="Add / Remove Shortcut..."
+            href="javascript: void(0)"> </a>
+    </t>
+    <t t-jquery="h2.oe_view_title" t-operation="after">
         <button t-if="self.session.debug" class="oe_get_xml_view">
             View#<span></span>
         </button>
@@ -639,7 +649,7 @@
         </td>
     </t>
     <td t-if="options.deletable" class='oe-record-delete' width="1">
-        <button type="button" name="delete">♻</button>
+        <button type="button" name="delete"></button>
     </td>
 </tr>
 <t t-name="ListView.row.form">
@@ -724,6 +734,11 @@
     </tr>
     </table>
 </t>
+<t t-name="WidgetFrame.readonly" t-extend="WidgetFrame">
+    <t t-jquery="&gt;table">
+        this.attr('class', this.attr('class')+' oe_form_readonly');
+    </t>
+</t>
 <t t-name="WidgetGroup">
     <t t-if="widget.string">
     <fieldset class="oe_group_box">
diff --git a/addons/web_kanban/static/src/css/kanban.css b/addons/web_kanban/static/src/css/kanban.css
index 2fc78ba87d0..d5d45c5be2f 100644
--- a/addons/web_kanban/static/src/css/kanban.css
+++ b/addons/web_kanban/static/src/css/kanban.css
@@ -1,3 +1,4 @@
+
 .openerp .oe_kanban_view .ui-sortable-placeholder {
     border: 1px dotted black;
     visibility: visible !important;
@@ -18,9 +19,10 @@
 }
 
 .openerp .oe_kanban_group_title {
-    color: #000000;
-    font-size: 130%;
+    font-size: 100%;
     font-weight: bold;
+    padding-left:2px;
+    color: #666666;
 }
 .openerp .oe_kanban_group_title_undefined {
     color: #666666;
@@ -44,10 +46,10 @@
 .openerp .oe_kanban_fold_icon {
     cursor: pointer;
     float: left;
-    padding: 2px 2px 0 0;
+    padding: 4px 2px 0 2px;
     width: 16px;
     height: 16px;
-    background: url(/web_kanban/static/src/img/minus-icon.png) no-repeat;
+    background: url(/web_kanban/static/src/img/minus-icon.png) no-repeat center center;
 }
 .openerp .oe_kanban_group_folded .oe_kanban_fold_icon {
     background: url(/web_kanban/static/src/img/plus-icon.png) no-repeat;
@@ -63,6 +65,7 @@
 }
 .openerp ul.oe_kanban_aggregates span {
     text-decoration: underline;
+    font-size:90%;
 }
 
 .openerp .oe_kanban_action_button {
@@ -91,14 +94,18 @@
     padding: 0 4px 0 4px;
 }
 .openerp .oe_kanban_title2 {
-    font-size: 110%;
+    font-size: 100%;
     font-weight: bold;
+    color:#3A3A3A;
     padding: 0 4px 0 4px;
 }
 .openerp .oe_kanban_title3 {
-    font-size: 100%;
-    font-weight: bold;
+    font-size: 95%;
+    font-weight: normal;
     padding: 0 4px 0 4px;
+    line-height:16px;
+}
+.openerp .oe_kanban_title3 img{
 }
 .openerp .oe_kanban_small {
     font-size: 80%;
@@ -106,6 +113,7 @@
 }
 .openerp .oe_kanban_table {
     width: 100%;
+    font-size:95%;
     border: none;
     border-collapse: collapse;
     margin: 0;
@@ -122,6 +130,13 @@
 }
 .openerp .oe_kanban_box_content {
     padding: 4px;
+    font-size:90%;
+}
+.openerp .oe_kanban_box_content div:last-child {
+    padding-top:4px;
+    color:#555;
+}
+
 }
 .openerp .oe_kanban_button {
     border: 1px solid #8ec1da;
diff --git a/addons/web_process/static/src/css/process.css b/addons/web_process/static/src/css/process.css
index ebb2267714c..cebc6b1e91f 100644
--- a/addons/web_process/static/src/css/process.css
+++ b/addons/web_process/static/src/css/process.css
@@ -52,11 +52,12 @@ a.cta-a strong {
 
 .oe-process-view {
     height: 20px;
+    margin-top:4px;
     padding: 0;
     width: 24px;
     cursor: pointer;
     display: block;
-    background: url(/web/static/src/img/icons/gtk-help.png) no-repeat bottom;
+    background: url(/web/static/src/img/icons/gtk-help.png) no-repeat  center center;
     float: left;
 }
 
@@ -69,4 +70,4 @@ a.cta-a strong {
 
 td.process_fields,button.toggle_fields span:last-child {
     display: none;
-}
\ No newline at end of file
+}