Add services file

plugins/api/reposAPI.ts

@@ -1,5 +1,5 @@
 import { NuxtAxiosInstance } from '@nuxtjs/axios';
-import config from '@/config';
+import services from '@/src/services';
 
 import { AppState } from '@/src/interfaces/AppState';
 import {
@@ -51,7 +51,7 @@ export const repositoriesAPICreator = (
       repositories: repositoriesURL,
       programmingLanguages,
     },
-  } = config;
+  } = services;
 
   return {
     getUserRepositories(url = userURL.repositories) {

plugins/api/userAPI.ts

@@ -1,5 +1,5 @@
 import { NuxtAxiosInstance } from '@nuxtjs/axios';
-import config from '@/config';
+import services from '@/src/services';
 
 import { UserData, User } from '@/src/interfaces/User/User';
 import {
@@ -29,7 +29,7 @@ export const userAPICreator = (
 
   const {
     urls: { auth, user: userURL },
-  } = config;
+  } = services;
 
   return {
     getUser(authToken) {

src/blocks/AppHeader/AppHeader.css

@@ -1,7 +1,7 @@
 .header {
   display: flex;
   align-items: center;
-  min-height: 51px;
+  padding: 8px 0;
   background-color: var(--dark-theme-secondary-bg);
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.24);
 }

src/blocks/HowItWorks/HowItWorks.vue

@@ -75,14 +75,14 @@ export default {
         {
           id: 2,
           label: 'Find repository',
-          img: 'add.svg',
+          img: 'list.svg',
           text:
             'Find repositories you would like to help. You can filter by language, stars or issues count',
         },
         {
           id: 3,
           label: 'Add repository',
-          img: 'list.svg',
+          img: 'add.svg',
           text:
             'If you want to find an open source help for your project you are able to add your repository to our service from any connected version control system.',
         },