Change markup structure

cern_toolbar.module

@@ -31,7 +31,7 @@ function cern_toolbar_theme() {
   return [
     'cern_toolbar' => [
       'render element' => 'element',
-      'variables' => ['toolbar_links' => NULL, 'attributes' => []],
+      'variables' => ['toolbar_links' => NULL, 'directory_link' => NULL, 'attributes' => []],
     ],
   ];
 }

src/Element/CernToolbar.php

@@ -199,7 +199,7 @@ class CernToolbar extends RenderElement {
         ],
       ];
     }
-    $items_toolbar_links[] = [
+    $element['#directory_link'] = [
       '#type' => 'link',
       '#title'=> t('Directory'),
       '#url'=> URL::fromUri('//cern.ch/directory'),

templates/cern-toolbar.html.twig

@@ -5,5 +5,8 @@
             <span>{{ 'Accelerating science' | t }}</span>
         </a>
     </h1>
-    {{ toolbar_links }}
+    <ul>
+        <li>{{ toolbar_links }}</li>
+        <li>{{ directory_link }}</li>
+    </ul>
 </div>
\ No newline at end of file