#6372: Improve sidebar footer links layout

This commit is contained in:
checktheroads 2021-07-17 13:07:47 -07:00
parent 498b0aceb1
commit 23b4b6e80d
6 changed files with 10 additions and 5 deletions

Binary file not shown.

File diff suppressed because one or more lines are too long

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@ -561,9 +561,14 @@ div.content-container {
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {
background-color: var(--nbx-body-bg); background-color: var(--nbx-body-bg);
} }
.nav {
padding: 0 1.25rem;
justify-content: space-between;
margin: $spacer/2 0;
.nav-link { .nav-link {
padding: 0.5rem 0.25rem; padding: 0.5rem 0.25rem;
}
} }
} }
a.sidebar-logo { a.sidebar-logo {

View File

@ -40,7 +40,7 @@
{# Sidebar footer #} {# Sidebar footer #}
<div class="d-flex flex-column container-fluid mt-auto justify-content-end sidebar-bottom"> <div class="d-flex flex-column container-fluid mt-auto justify-content-end sidebar-bottom">
<nav class="nav justify-content-evenly my-2 px-2"> <nav class="nav">
{# Documentation #} {# Documentation #}
<a type="button" class="nav-link" href="https://netbox.readthedocs.io/" target="_blank"> <a type="button" class="nav-link" href="https://netbox.readthedocs.io/" target="_blank">