Re-style product sections in menu

templates/menu/projects.html

@@ -6,6 +6,8 @@
       {% set project_section = get_section(path=project_section_path) %}
       {% set project_taxonomy = get_taxonomy_term(kind="projekt", term=project_section.title) %}
       <section class="column menu-project-section" id="menu-project-section-{{ project_taxonomy.slug }}">
+	 <div class="card p-0 m-0 is-shadowless is-radiusless is-overlay is-flex is-flex-direction-column is-fullheight is-justify-content-space-between">
+         <div class="card-content p-0 m-0">
           <h1 class="title is-6 is-mega-menu-title"><a href="{{ project_section.permalink }}">
           <p> {{ project_section.title }} </p>
           <p class="is-4">{{ project_section.description }}</p>
@@ -16,12 +18,20 @@
         <div class="navbar-content">{{ page.title }}</div>
       </a>
       {% endfor %}
-      <hr />
+	 </div>
+	 {% if project_section.extra.products %}
+	 <div class="card-footer">
       {% for product in project_section.extra.products %}
-      <a class="navbar-item" href="{{ product.link }}">
-        <div class="navbar-content">{{ product.name }}</div>
+      <a class="card-footer-item" href="{{ product.link }}">
+	<span class="icon-text">
+	  <span>{{ product.name }}</span>
+	  <span class="icon"><i class="fa-solid fa-up-right-from-square"></i></span>
+	</span>
       </a>
       {% endfor %}
+	 </div>
+	 {% endif %}
+	 </div>
     </section>
     {% endfor %}
   </div>