patch: left-menu - styles on search-form added

src/styles/left-nav/_index.scss

@@ -20,6 +20,11 @@ nav#main__menu {
 
   .menu-search {
 
+    form::before,
+    solid-form-placeholder-text::before {
+      display: none;
+    }
+
     form {
       display: flex;
 
@@ -34,10 +39,6 @@ nav#main__menu {
       margin-top: 0;
       padding: 12px 13px;
       height: 50px;
-      background-image: url("/images/calendar.svg");
-      background-position: right 12px top 50%;
-      background-repeat: no-repeat;
-      background-size: 14px;
 
       /* https://css-tricks.com/almanac/selectors/p/placeholder/ */
       &::-webkit-input-placeholder { /* Chrome/Opera/Safari */
@@ -53,13 +54,25 @@ nav#main__menu {
       }
 
       &:focus {
-        background: #202B3C;
+        /*background: #202B3C;*/
         color: white;
       }
     }
 
     button {
       background: transparent;
+      border: none;
+      color: #D0D4DA;
+      margin-top: 0 !important;
+      height: auto;
+
+      @media (max-width: 768px) {
+        width: 20%;
+      }
+
+      &:hover::before {
+        color: white;
+      }
     }
   }
 

src/views/partials/menu-left.pug

@@ -1,4 +1,4 @@
-solid-form-search(
+solid-form-search.icon.children-icon-magnifier(
   id='general-search'
   class='segment block form menu-search'
   fields='name'