Fixed mobile navbar icon separator in custom.css

Author: LucaVmu

src/css/custom.css

@@ -193,22 +193,16 @@ li.menu__list-item {
 
 li:has(.navbar-icon) {
   width: auto;
-  margin-top: 1rem !important;
 }
 
-li:has(.navbar-icon):not(li:has(.navbar-icon) ~ *)::before {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  left: 0;
-  transform: translate(5%, calc(-0.5rem + 1px));
-  background: linear-gradient(
-      to right,
-      transparent,
-      gray 10%,
-      gray 90%,
-      transparent 100%
-    );
-  height: 2px;
-  width: 90%;
-}
+li.menu__list-item:has(:not(.navbar-icon)):has(+ li:has(.navbar-icon)) {
+  padding-bottom: 0.25rem;
+  border-bottom: 2px solid;
+  border-image: linear-gradient(
+    to right,
+    transparent,
+    gray 10%,
+    gray 90%,
+    transparent 100%
+  ) 1;
+}