Fixed design of head

src/common/components/HeaderComponent.vue

@@ -58,6 +58,7 @@ header h1 {
   flex: 1;
   text-align: center;
   text-shadow: 2px 2px 1px #e0bfff;
+  padding-bottom: 4px;
 }
 
 .reload-icon {

src/common/components/NavbarComponent.vue

@@ -103,7 +103,7 @@ export default {
 .navbar {
   background-color: #9400ff;
   overflow: visible;
-  min-height: 47px;
+  min-height: 31px;
   display: inline-flex;
   flex-direction: column;
   width: auto;
@@ -138,7 +138,7 @@ export default {
   display: block;
   color: white;
   text-align: center;
-  padding: 14px 20px;
+  padding: 6px 20px;
   text-decoration: none;
   font-weight: bold;
 }