diff --git a/src/components/Header.vue b/src/components/Header.vue index 2b315b3..c5b119d 100644 --- a/src/components/Header.vue +++ b/src/components/Header.vue @@ -55,12 +55,15 @@ 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; + .nav-item { + margin-right: 0; + margin-top: 5px; + } } } @@ -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); } diff --git a/src/views/News.vue b/src/views/News.vue index 2d5d355..94590d1 100644 --- a/src/views/News.vue +++ b/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; + } }