Fix styles for nested submenus

Author: javier-godoy

src/main/resources/META-INF/resources/frontend/bower_components/fc-applayout/fc-menuitem.html

@@ -9,6 +9,7 @@
 		<style>
 			:host {
 				cursor: pointer;
+				display: block;
 				--paper-item-disabled-color: var(--lumo-disabled-text-color);
 			}
 			:host(:not([has-icon])) {
@@ -20,6 +21,9 @@
 			:host paper-icon-item {
 				width: 100%;
 			}
+			:host iron-collapse-button {
+				background: inherit;
+			}
 		</style>
 
 		<iron-collapse-button id="iron" no-icons="true">

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

@@ -53,15 +53,10 @@
 	  		scroll-snap-stop: always;
 	  		display: block;
 		}		
+
+		fc-menuitem fc-menuitem {
+			background-color: var(--lumo-primary-color-10pct);
+		}
     </style>    
 </custom-style>
 
-<dom-module id="fc-submenu-theme" theme-for="fc-submenu">
-	<template>
-		<style>
-			:host [slot='collapse-content'] {
-				background-color: var(--lumo-primary-color-10pct);
-			}
-		</style>
-	</template>
-</dom-module>