[IMP] web_responsive: chatter width

web_responsive/static/src/css/web_responsive.scss

@@ -410,7 +410,7 @@ html .o_web_client .o_main .o_main_content {
                 height: 100%;
 
                 .o_form_sheet_bg {
-                    flex: 1 1 60%;
+                    flex: 1 1 auto;
                     overflow: auto;
 
                     > .o_form_sheet {
@@ -420,9 +420,9 @@ html .o_web_client .o_main .o_main_content {
 
                 .o_chatter {
                     border-left: 1px solid gray('400');
-                    flex: 1 1 40%;
-                    max-width: 50%;
-                    min-width: 30%;
+                    flex: 0 0 30%;
+                    max-width: initial;
+                    min-width: initial;
                     overflow: auto;
 
                     .o_chatter_header_container {
@@ -434,6 +434,20 @@ html .o_web_client .o_main .o_main_content {
 
                         .o_chatter_topbar {
                             margin-top: 0;
+                            flex-wrap: wrap;
+                            height: auto;
+                            button:last-of-type {
+                                flex: 1 0 auto;
+                                text-align: left;
+                            }
+                            //border: 1px solid $table-border-color;
+                            //border-width: 0 0 1px 0;
+
+                            .o_topbar_right_area {
+                                order: -10;
+                                flex: 0 1 100%;
+                                border-bottom-color: transparent;
+                            }
                         }
 
                         .o_attachments_previews {