Add dynamic file extension in a code link

Author: akzhar

src/components/HelperItem/HelperItem.tsx

@@ -42,7 +42,7 @@ const HelperItem: React.FC<THelperItemProps> = ({helper, open: isOpen}) => {
             </a>
             <a href={`${HelperLinks.RAW}/${helper.file}`} target="_blank" rel="noreferrer">
               <svg width="12" height="12"><use xlinkHref="#script" /></svg>
-              <span>Файл .bas</span>
+              <span>{`Файл ${helper.file.slice(helper.file.indexOf('.'))}`}</span>
             </a>
           </div>
         </div>

src/components/SearchForm/SearchForm.sass

@@ -18,7 +18,7 @@
     border: none
 
     @media(min-width: $width-mobile)
-      width: 80%
+      width: 76%
 
   &__type
     display: none
@@ -64,7 +64,7 @@
     list-style: none
 
     @media(min-width: $width-mobile)
-      width: 20%
+      width: 24%
       padding: 10px 20px
 
     & li