mobile > index > slideshow : fix layout Safari problem

site/templates/index.php

@@ -1,11 +1,14 @@
 <?php snippet('header') ?>
 
-<nav class="filter-menu">
+<ul class="filter-menu">
     <?php foreach ($categories as $key => $category): ?>
+    <li>
         <button data-filter="<?= Str::slug($category)  ?>"><?= $category ?></button>
+    </li>
     <?php endforeach; ?>
-    </nav>
-<nav class="projects-index">
+</ul>
+
+<ul class="projects-index">
     <?php foreach ($page->children()->listed()->sortBy('date', 'desc') as $project): ?>
         <li data-category="<?= Str::slug($project->category()) ?>" data-slug="<?= $project->slug() ?>">
             <div class="fix">
@@ -39,7 +42,7 @@
         </li>
     <?php endforeach; ?>
     <button class="all-projects-closer"></button>
-</nav>
+</ul>
 
 <script src="/assets/js/router.js"></script>
 <script src="/assets/js/project-slideshow.js"></script>