src/app/nav-bar/nav-bar.component.html
<nav class="navbar navbar-fixed-top navbar-light bg-light" [ngClass]="{
'navbar-dark': theme === 'dark',
'bg-dark': theme === 'dark'
}">
<span class="navbar-brand mb-0 h1" [routerLink]="['/']">CircleBoard 3.0.0-alpha.5</span>
<div class="text-right">
<div class="btn-group" role="group" aria-label="set font size">
<button
class="btn btn-outline-secondary"
title="increase font size"
(click)="increaseFontSize()"
>
<i class="fa fa-search-plus" aria-hidden="true"></i>
</button>
<button
class="btn btn-outline-secondary"
title="decrease font size"
(click)="decreaseFontSize()"
>
<i class="fa fa-search-minus" aria-hidden="true"></i>
</button>
</div>
<button class="btn btn-outline-secondary" title="adjust all settings" [routerLink]="['/config']">
<i class="fa fa-cog" aria-hidden="true"></i>
</button>
</div>
</nav>