diff --git a/public/index.html b/public/index.html index 449548f..d8102c8 100644 --- a/public/index.html +++ b/public/index.html @@ -17,21 +17,20 @@
-
+
+ +
+ + + + + + + +
-
-
- - - - - - - -
-
diff --git a/resources/scss/_header.scss b/resources/scss/_header.scss index 90e54b9..d51915f 100644 --- a/resources/scss/_header.scss +++ b/resources/scss/_header.scss @@ -10,4 +10,34 @@ header { height: 3rem; margin: 0.5rem 0 0.3rem; } + + .presets { + margin-bottom: 0.3rem; + line-height: 1.8rem; + + .btn-outline-light { + border-color: #999; + + &:hover { + background-color: #fff; + border-color: #fff; + + svg { + path { + fill: #000; + } + } + } + + svg { + height: 1.1rem; + vertical-align: text-bottom; + + path { + fill: #ddd; + transition: fill 0.15s ease-in-out; + } + } + } + } } diff --git a/resources/scss/_main.scss b/resources/scss/_main.scss index c0fb0a0..f112fa7 100644 --- a/resources/scss/_main.scss +++ b/resources/scss/_main.scss @@ -1,27 +1,3 @@ -section.presets { - margin-top: 0.5rem; - margin-bottom: 1rem; - - @include media-breakpoint-down(md) { - text-align: center; - } - - .btn { - margin-bottom: 0.25rem; - - &.btn-outline-dark{ - &:hover { - background-color: #666; - } - } - - img { - height: 1.1rem; - vertical-align: text-bottom; - } - } -} - section.tabs { margin-bottom: 1rem; diff --git a/resources/scss/_sidebar.scss b/resources/scss/_sidebar.scss index 38392fa..2e2ba7d 100644 --- a/resources/scss/_sidebar.scss +++ b/resources/scss/_sidebar.scss @@ -2,11 +2,7 @@ aside.sidebar { margin-top: 1rem; @include media-breakpoint-up(lg) { - margin-top: -0.5rem; - } - - @include media-breakpoint-up(xl) { - margin-top: -2.5rem; + margin-top: 0; } .github-link {