[IMP] web_editor, website: review we options' style

addons/web_editor/static/src/js/editor/snippets.editor.js

@@ -288,6 +288,7 @@ var SnippetEditor = Widget.extend({
             option.__order = i++;
             return option.attachTo($el);
         });
+        $ul.append($('<div/>', {class: 'dropdown-divider mt-2'}));
 
         var $parents = this.$target.parents();
         _.each($parents, function (parent) {

addons/web_editor/static/src/scss/web_editor.ui.scss

@@ -410,7 +410,7 @@ html[lang] > body.editor_enable [data-oe-translation-state] {
                     &.show .btn {
                         // background-color: $o-we-color-light;
                         &:active, &:focus, &:active:focus {
-                            outline: none;
+                            box-shadow: none;
                         }
                         &:before, &:after {
                             width: 9px;
@@ -497,7 +497,7 @@ html[lang] > body.editor_enable [data-oe-translation-state] {
                             }
 
                             &.o_main_header {
-                                padding-left: 8px;
+                                padding-left: 10px;
                             }
                             &.o_parent_editor_header {
                                 position: relative;
@@ -516,7 +516,7 @@ html[lang] > body.editor_enable [data-oe-translation-state] {
                                 ~ .dropdown-submenu .dropdown-item,
                                 ~ .dropdown-item {
                                     font-size: 11px;
-                                    opacity: 0.8;
+                                    opacity: 0.7;
                                     &:hover {
                                         opacity: 1;
                                     }

addons/website/views/snippets.xml

@@ -1036,7 +1036,6 @@
                 <a href="#" class="dropdown-item" data-select-class="s_hr_double">Double</a>
             </div>
         </div>
-        <div class="dropdown-divider"/>
         <div class="dropdown-submenu">
             <a tabindex="-1" href="#" class="dropdown-item"><i class="fa fa-arrows-h"/>Width</a>
             <div class="dropdown-menu" role="menu">
@@ -1167,7 +1166,6 @@
                 <a href="#" class="dropdown-item" role="menuitem" data-styling="shadow">Shadows</a>
             </div>
         </div>
-        <div class="dropdown-divider"/>
     </div>
 
     <div data-js="gallery_img" data-selector=".o_gallery img">
@@ -1227,7 +1225,6 @@
     <div data-js="background"
         data-selector="section, .parallax, [class*='s_'] .carousel-item"
         data-exclude=".s_hr, .s_image_gallery">
-        <div class="dropdown-divider"/>
         <a tabindex="-1" href="#" class="dropdown-item" data-choose-image="true" data-no-preview="true"><i class="fa fa-picture-o"/>Background Image</a>
     </div>
 
@@ -1253,7 +1250,6 @@
         data-palette-exclude="common, theme"
         data-palette-default="transparent_grayscale"
         data-palette-title="Overlay Color">
-        <div class="dropdown-divider"/>
         <div class="dropdown-submenu">
             <a tabindex="-1" href="#" class="dropdown-item"><i class="fa fa-eyedropper"/>Filter</a>
             <div class="dropdown-menu" role="menu"/>