[FIX] mail: fix chatter topbar style

- Follow button is now correctly aligned in document app chatter overlay
- Topbar does not move up anymore on select Send Message or Log note

task-2287136

closes odoo/odoo#54247

X-original-commit: 6f05705158a7a197945e6720f5ac231ce6932686
Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
Signed-off-by: Sébastien Theys (seb) <seb@odoo.com>

addons/mail/static/src/components/chatter_topbar/chatter_topbar.scss

@@ -9,14 +9,11 @@
 }
 
 .o_ChatterTopbar_actions {
+    border-bottom: $border-width solid;
     display: flex;
     flex: 1;
     flex-direction: row;
     flex-wrap: wrap;
-
-    &.o-has-active-button {
-        border-bottom: $border-width solid;
-    }
 }
 
 .o_ChatterTopbar_button {
@@ -54,8 +51,12 @@
 // Style
 // ------------------------------------------------------------------
 
-.o_ChatterTopbar_actions.o-has-active-button {
-    border-color: $border-color;
+.o_ChatterTopbar_actions {
+    border-color: transparent;
+
+    &.o-has-active-button {
+        border-color: $border-color;
+    }
 }
 
 .o_ChatterTopbar_button {

addons/mail/static/src/components/follow_button/follow_button.scss

@@ -1,3 +1,11 @@
+// ------------------------------------------------------------------
+// Layout
+// ------------------------------------------------------------------
+
+.o_FollowButton {
+    display: flex;
+}
+
 // ------------------------------------------------------------------
 // Style
 // ------------------------------------------------------------------