diff --git a/assets/stylesheets/common/docs.scss b/assets/stylesheets/common/docs.scss index 000a8e4..5988ab1 100644 --- a/assets/stylesheets/common/docs.scss +++ b/assets/stylesheets/common/docs.scss @@ -45,7 +45,7 @@ .loading-container { display: flex; flex-basis: 100%; - padding: 0.625em 0 0.625em 0.625em; + padding: 0.625em 0; } .docs-results { display: flex; @@ -57,17 +57,16 @@ } } .docs-filters { - margin-top: 0.15em; flex: 0 1 20%; @include breakpoint(tablet, min-width) { padding-right: 2em; } // min-width on flex allows container to // be more narrow than content if needed - min-width: 175px; + min-width: 200px; } .docs-items { - padding: 0.57em 1em 1em 0; + padding: 0.57em 0 1.5em 0; a { color: var(--primary); @@ -92,7 +91,6 @@ .d-icon { height: 1em; - padding-bottom: 0.15em; margin-right: 0.25em; color: var(--primary-high); &.d-icon-plus { @@ -172,7 +170,7 @@ background: none; color: var(--tertiary); display: inline-flex; - font-size: $font-down-1; + font-size: $font-0; justify-content: normal; padding: 0; &::before { diff --git a/assets/stylesheets/mobile/docs.scss b/assets/stylesheets/mobile/docs.scss index 5a6f829..6d27b71 100644 --- a/assets/stylesheets/mobile/docs.scss +++ b/assets/stylesheets/mobile/docs.scss @@ -28,9 +28,6 @@ .docs-topic-link { padding-right: 0.25em; } - .loading-container { - padding: 0.625em 0; - } .docs-topic { width: calc(100vw - 20px); } @@ -38,7 +35,6 @@ } .docs-filters { - margin-top: 0; background: var(--primary-very-low); padding: 0 0.5em; .docs-items:first-of-type {