align-items: center;
border-bottom: 1px solid var(--border-color);
z-index: 100;
+ padding-right: 5px;
}
@media all and (max-width: 600px) {
}
.navbar a {
+ margin-top: 2px;
height: 40px;
}
-a.nav-light {
- background-color: #eee;
- height: 44px;
- padding: 2px;
- margin-right: 3px;
-}
-
.nlogo {
height: 40px;
}
<body>
<nav class="navbar">
<a href="{{ url_for("index") }}"><img alt="freenode" class="nlogo" src="{{ url_for("static/img/logos/coloured-alphabg.svg") }} "></a>
- <a class="nav-light" href="https://www.privateinternetaccess.com/" target="_blank"><img alt="Private internet access" class="nlogo" src="{{ url_for("static/img/logos/PIALogo_black.svg") }}"></a>
+ <a href="https://www.privateinternetaccess.com/" target="_blank"><img alt="Private internet access" class="nlogo" src="{{ url_for("static/img/logos/PIALogo_white.svg") }}"></a>
</nav>
<div class="container">
{% block content %}{% endblock %}