Améliorations visuelles du breadcrumb dropdown (#731)

* Improve margins between breadcrumb dropdown items
* Increase min width of breadcrumb dropdown
* Fix position of last breadcumb item dropdown

assets/components/molecules/breadcrumb/breadcrumb-dropdown.twig

@@ -29,14 +29,14 @@
       </div>
     </li>
     <li class="breadcrumb-item">
-      <a class="bread-link" href="#">School of Architecture, Civil and Environmental Engineering</a>
+      <a class="bread-link" href="#">ENAC</a>
       <div class="dropdown">
         <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-menu-2">
           {% include '@atoms/icon/icon.twig' with { icon: 'arrow-down-circle', icon_classes:'feather' } %}
-          <span class="sr-only">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>
+          <span class="sr-only">Display same level pages – ENAC</span>
         </button>
         <ul class="dropdown-menu" id="dropdown-menu-2">
-          <li class="dropdown-item current-menu-item-parent"><a href="#">School of Architecture, Civil and Environmental Engineering</a></li>
+          <li class="dropdown-item current-menu-item-parent"><a href="#">School of Architecture, Civil and Environmental Engineering (ENAC)</a></li>
           <li class="dropdown-item"><a href="#">School of Computer and Communication Sciences</a></li>
           <li class="dropdown-item"><a href="#">School of Basic Sciences</a></li>
           <li class="dropdown-item"><a href="#">School of Engineering</a></li>

assets/components/molecules/breadcrumb/breadcrumb.scss

@@ -62,7 +62,7 @@
     }
 
     li:last-child {
-      padding-right: 5rem;
+      margin-right: 5rem;
     }
   }
 }
@@ -211,6 +211,8 @@
 }
 
 .breadcrumb .dropdown-menu {
+  min-width: 11.5rem;
+
   &.show {
     // dropdown position depends on the <li>, not the button
     top: 1.65rem !important;
@@ -227,11 +229,16 @@
 .breadcrumb .dropdown-item {
   padding: 0.125em 0.625rem;
   font-size: 0.83rem;
+  line-height: 1.3em;
 
   a {
     display: block;
   }
 
+  & + .dropdown-item {
+    margin-top: 0.5rem;
+  }
+
   &.current-menu-item,
   &.current-menu-item-parent {
     font-weight: bold;