fix: fix search bar width on medium size windows

Author: kamilmysliwiec

src/app/homepage/header/header.component.html

@@ -46,8 +46,8 @@
   <app-social-wrapper></app-social-wrapper>
   <div class="menu-wrapper">
     <div class="search-wrapper" id="search">
-      <i class="fa fa-search search-icon"></i>
-      <input class="search-input" placeholder="Search..." />
+      <!-- <i class="fa fa-search search-icon"></i>
+      <input class="search-input" placeholder="Search..." /> -->
     </div>
     <ul>
       <li>

src/app/homepage/header/header.component.scss

@@ -393,13 +393,21 @@ header {
     border-bottom-color: $red-color;
     width: 190px;
   }
+
+  @media (min-width: 1200px) and (max-width: 1300px) {
+    width: 190px;
+  }
 }
 
 ::ng-deep .DocSearch-Button:hover,
 ::ng-deep .DocSearch-Button:active
 ::ng-deep .DocSearch-Button:focus {
   border-bottom-color: $red-color;
   width: 240px;
+  
+  @media (min-width: 1200px) and (max-width: 1300px) {
+    width: 190px;
+  }
 }
 
 .search-input::placeholder {