[REF] web, mail: change minors top-menu design

- Remove carets
- Fix badges position
- Vertical align user avatar
- If a dropdown is open, the menu-toggle should appear active
- Dropdown menus' widths should be at least as the dropdown-toggle

1 files changed, 6 insertions, 2 deletions

diff --git a/addons/mail/static/src/less/systray.less b/addons/mail/static/src/less/systray.less
index 9c1d0905a77..66de1e9016b 100644
--- a/addons/mail/static/src/less/systray.less
+++ b/addons/mail/static/src/less/systray.less
@@ -3,11 +3,15 @@
     > a {
         opacity: 1;
         > i {
+            .o-transform(translateY(4px));
             font-size: larger;
         }
     }
     &.o_no_notification > a {
         opacity: 0.5;
+        > i {
+            .o-transform(translateY(0px));
+        }
         .o_notification_counter {
             display: none;
         }
@@ -21,9 +25,9 @@
         color: white;
         padding: 0em 0.3em;
         font-size: 0.7em;
-        top: 7%;
+        top: 19%;
         position: absolute;
-        margin: 0px 0px 0px 8px;
+        margin: 0px 0px 0px 6px;
     }
     .o_mail_navbar_dropdown {
         width: 350px;