Long title covers menu (#574)

* modified margin for .container class

* modified navigation list and menu button so it is relative to title

* added kuba86 as contributor

* generate CSS files

* remove margin-top from menu-button to align with title inside navigation

Co-authored-by: Luiz F. A. de Prá <[email protected]>

Author: Jakub

CONTRIBUTORS.md

@@ -98,5 +98,6 @@
 - [cuso4-5h2o](https://www.cuso4.me)
 - [freeformz](https://icanhazdowntime.org)
 - [Roberto Gongora](https://yourfavourite.blog)
+- [kuba86](https://kuba86.com)
 - [Vladislav Matus](https://github.com/matusvla)
 - [Kirill Feoktistov](https://feoktistoff.org)

assets/scss/_base.scss

@@ -234,7 +234,7 @@ figure {
 }
 
 .container {
-  margin: 0 auto;
+  margin: 1rem auto;
   max-width: 90rem;
   width: 100%;
   padding-left: 2rem;

assets/scss/_navigation.scss

@@ -8,7 +8,6 @@
     font-size: 1.7rem;
     font-family: $font-family;
     font-weight: 600;
-    line-height: 6rem;
     color: $fg-color;
   }
 
@@ -32,8 +31,8 @@
     margin-top: 0;
 
     @media only screen and (max-width: 768px) {
-      position: absolute;
-      top: 6rem;
+      position: relative;
+      top: 2rem;
       right: 0;
       z-index: 5;
       visibility: hidden;
@@ -117,8 +116,8 @@
     display: none;
 
     @media only screen and (max-width: 768px) {
+      position: relative;
       display: block;
-      margin: 1.8rem 0;
       font-size: 2.4rem;
       font-weight: 400;
     }

resources/_gen/assets/scss/scss/coder.scss_5e1eb8e37c42cdfb6215b61e44dcfa5f.content

@@ -1 +1 @@
-{"Target":"css/coder.min.93c41bf1e522f85ecda7355985f09000f71fc1d64dda9f74051b0fa06210e93f.css","MediaType":"text/css","Data":{"Integrity":"sha256-k8Qb8eUi+F7NpzVZhfCQAPcfwdZN2p90BRsPoGIQ6T8="}}
+{"Target":"css/coder.min.34dfa7b2f5cdeb0f5302b2628f4a7a4bfe88a2431e1397ee4ec605c56ab69701.css","MediaType":"text/css","Data":{"Integrity":"sha256-NN+nsvXN6w9TArJij0p6S/6IokMeE5fuTsYFxWq2lwE="}}