Adaptable width for nav menu

Resources/public/stylesheets/sass/_custom.scss

@@ -18,8 +18,10 @@ html,body {
    font-size: 1.5em;
 }
 
-ul.submenu.min-width {
-   min-width: 11em;
+@each $len in 11, 15 {
+   ul.submenu.width-#{$len}-em {
+      min-width: #{$len}em;
+   }
 }
 
 .content {

Resources/public/stylesheets/scratch.css

@@ -3739,9 +3739,12 @@ html, body {
 .cf-subtitle {
   font-size: 1.5em; }
 
-ul.submenu.min-width {
+ul.submenu.width-11-em {
   min-width: 11em; }
 
+ul.submenu.width-15-em {
+  min-width: 15em; }
+
 .content {
   padding-top: 1em;
   padding-bottom: 1em;

Resources/views/Menu/section.html.twig

@@ -1,5 +1,5 @@
 <li class="nav-link more"><a href="javascript:void(0)">Sections</a>
-    <ul class="submenu min-width">
+    <ul class="submenu width-15-em">
         {% for route in routes %}
             <li><a href="{{ path(route.key, args ) }}">
                 {% spaceless %}

Resources/views/Menu/user.html.twig

@@ -1,5 +1,5 @@
 <li class="nav-link more"><a href="javascript:void(0)">{{ app.user.username }}</a>
-    <ul class="submenu min-width">
+    <ul class="submenu width-11-em">
         {% for route in routes %}
             <li><a href="{{ path(route.key, args ) }}"><i class="fa fa-{{ route.icon }}"></i> {{ route.label|trans }}</a></li>
         {% endfor %}