.

frontend/src/app/components/main.component.pug

@@ -1,14 +1,40 @@
 .sidebar
     img.logo(src='{{_logo}}')
 
-    button.btn.mt-auto((click)='openConfig()')
-        fa-icon([icon]='_configIcon', [fixedWidth]='true')
+    button.btn.mt-auto(
+        (click)='openConfig()',
+        placement='right',
+        ngbTooltip='Manage configs'
+    )
+        fa-icon([icon]='_configIcon', [fixedWidth]='true', size='lg')
 
-    button.btn((click)='openSettings()')
-        fa-icon([icon]='_settingsIcon', [fixedWidth]='true')
+    button.btn(
+        (click)='openSettings()',
+        *ngIf='loginService.user',
+        placement='right',
+        ngbTooltip='Settings'
+    )
+        fa-icon([icon]='_settingsIcon', [fixedWidth]='true', size='lg')
 
-    button.btn.mt-3((click)='logout()')
-        fa-icon([icon]='_logoutIcon', [fixedWidth]='true')
+    a.btn.mt-3(
+        href='/login',
+        *ngIf='!loginService.user',
+        placement='right',
+        ngbTooltip='Log in'
+    )
+        fa-icon([icon]='_loginIcon', [fixedWidth]='true', size='lg')
 
-.terminal([hidden]='!showApp')
-    iframe(#iframe)
+    button.btn.mt-3(
+        (click)='logout()',
+        *ngIf='loginService.user',
+        placement='right',
+        ngbTooltip='Log out'
+    )
+        fa-icon([icon]='_logoutIcon', [fixedWidth]='true', size='lg')
+
+.terminal
+    iframe(#iframe, [hidden]='!showApp')
+    .alert.alert-warning.d-flex.border-0.m-0(*ngIf='!loginService.user')
+        fa-icon.me-2([icon]='_saveIcon', [fixedWidth]='true')
+        div
+            div To save profiles and settings, #[a(href='/login') log in].