Fix MenuSeparator styles

Author: javier-godoy

src/main/resources/META-INF/frontend/fc-applayout/fc-separator.js

@@ -11,6 +11,12 @@ class MenuSeparator extends ThemableMixin(PolymerElement) {
 	static get template() {
 
 		return html`
+		<style>
+			:host ::slotted(*) {
+				font-size: 80%;
+    			padding-left: 8px;
+			}
+		</style>		
 		<paper-divider></paper-divider>
 		<div><slot name="label"></slot></div>
 	`;}

src/main/resources/META-INF/frontend/styles/applayout-styles.css

@@ -1,11 +1,7 @@
-.sub-menu{
+fc-menuitem fc-menuitem {
   background-color: var(--lumo-primary-color-10pct);
 }
 
-fc-menuitem.iron-selected > iron-collapse-button > .iron-collapse-button > paper-icon-item {            
-  font-weight: var(--paper-item-selected-weight, bold);
-}
-
 app-toolbar {
   background-color: #4285f4;
   color: #fff;
@@ -38,16 +34,6 @@ app-drawer {
     z-index: 1000;
 }
 
-fc-separator {
-  --fc-separator-border-color: rgba(0,0,20,0.6);
-}
-
 app-drawer paper-listbox {
     overflow-y: auto;
 }
-
-app-drawer paper-item, 
-app-drawer paper-icon-item,
-app-drawer iron-collapse-button {
-    cursor: pointer;
-}