From bda4d64904f37577842691af462633c3452d0682 Mon Sep 17 00:00:00 2001
From: Eden Kirin <eden.kirin@intis.hr>
Date: Tue, 20 Dec 2022 09:21:58 +0100
Subject: [PATCH] Expand arrow

---
 img/menu-icons/menu-arrow.svg |  3 +++
 index.html                    |  2 +-
 style.scss                    | 11 +++++++++++
 3 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 img/menu-icons/menu-arrow.svg

diff --git a/img/menu-icons/menu-arrow.svg b/img/menu-icons/menu-arrow.svg
new file mode 100644
index 0000000..f25a581
--- /dev/null
+++ b/img/menu-icons/menu-arrow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
+    <path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path>
+</svg>
diff --git a/index.html b/index.html
index ce0990a..0d4cc7e 100644
--- a/index.html
+++ b/index.html
@@ -43,6 +43,7 @@
                                             </ul>
                                         </li>
                                     </ul>
+                                    </li>
                                 <li>
                                     <a href="#">Reporting</a>
                                     <ul>
@@ -53,7 +54,6 @@
                                 <li><a href="#">Product Warehouse</a></li>
                             </ul>
                         </li>
-                        <li><a href="#">Product Warehouse</a></li>
                     </ul>
                 </li>
             </ul>
diff --git a/style.scss b/style.scss
index 52def7b..bf6124e 100644
--- a/style.scss
+++ b/style.scss
@@ -82,6 +82,8 @@ nav.main {
             a.icon {
                 position: relative;
                 padding-left: $icon-width;
+                display: flex;
+                align-items: center;
 
                 &::before {
                     content: "";
@@ -113,6 +115,15 @@ nav.main {
                 &.icon-warehouse-management::before {
                     background-image: url("/img/menu-icons/dashboard.svg");
                 }
+                &::after {
+                    content: "";
+                    margin-left: auto;
+                    width: 18px;
+                    height: 18px;
+                    display: block;
+                    background-repeat: no-repeat;
+                    background-image: url("/img/menu-icons/menu-arrow.svg");
+                }
             }
         }
     }