From 76baf6f934a41534310028bd5fcab8934d491026 Mon Sep 17 00:00:00 2001
From: Fabien Lasserre <fabien@primative.net>
Date: Wed, 14 Aug 2024 17:20:24 +0200
Subject: [PATCH] [Site] Update file tree icons

---
 ux.symfony.com/assets/icons/file.svg                   | 3 +++
 ux.symfony.com/assets/styles/components/_FileTree.scss | 4 ++--
 ux.symfony.com/templates/main/_file_tree.html.twig     | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)
 create mode 100644 ux.symfony.com/assets/icons/file.svg

diff --git a/ux.symfony.com/assets/icons/file.svg b/ux.symfony.com/assets/icons/file.svg
new file mode 100644
index 00000000000..488b7b43640
--- /dev/null
+++ b/ux.symfony.com/assets/icons/file.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/>
+</svg>
diff --git a/ux.symfony.com/assets/styles/components/_FileTree.scss b/ux.symfony.com/assets/styles/components/_FileTree.scss
index a5ec17ca9c8..8c57394f1a1 100644
--- a/ux.symfony.com/assets/styles/components/_FileTree.scss
+++ b/ux.symfony.com/assets/styles/components/_FileTree.scss
@@ -8,7 +8,8 @@
 .FileTree li > span {
   display: flex;
   flex-direction: row;
-  gap: 1rem;
+  align-items: center;
+  gap: .75rem;
 }
 
 .FileTree-main::before {
@@ -44,4 +45,3 @@
   left: 0;
   z-index: -1;
 }
-
diff --git a/ux.symfony.com/templates/main/_file_tree.html.twig b/ux.symfony.com/templates/main/_file_tree.html.twig
index e55f0e96a5d..649c962fb5e 100644
--- a/ux.symfony.com/templates/main/_file_tree.html.twig
+++ b/ux.symfony.com/templates/main/_file_tree.html.twig
@@ -21,7 +21,7 @@
     {% else %}
         <li class="FileTree-main FileTree-file">
             <span {{- _self.summaryAttributes(file_info.description) -}}>
-                <twig:Icon name="folder" class="d-inline-block m-0 mr-2" />
+                <twig:Icon name="file" class="d-inline-block m-0 mr-2" />
                 {{ file_info.filename }}
             </span>
         </li>