News responsive

src/components/Header.vue

@@ -55,14 +55,17 @@
     margin-bottom: 30px;
   }
 
-  .navbar-collapse.collapse.show {
-    background-color: #fff;
+  .navbar-collapse {
+    &.collapsing,
+    &.show {
+      padding-top: 20px;
 
       .nav-item {
         margin-right: 0;
         margin-top: 5px;
       }
     }
+  }
 
   .navbar-brand {
     @include disable-default-a-behaviour;
@@ -78,7 +81,7 @@
   }
 
   nav {
-    height: 60px;
+    min-height: 60px;
     background-color: #fff;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
   }

src/views/News.vue

@@ -371,6 +371,14 @@
     .body {
       margin-top: 40px;
     }
+
+    a {
+      word-break: break-word;
+    }
+
+    @media screen and (max-width: $small-screen) {
+      padding: 10px;
+    }
   }
 </style>