navbar secondary fixes

pages/_includes/layout/navbar-secondary.html

@@ -8,14 +8,14 @@
 
 		<ul class="navbar-nav ml-auto">
 			<li class="nav-item dropdown">
-				<a class="nav-link" data-toggle="dropdown" href="#">
+				<a href="#" class="nav-link" data-toggle="dropdown">
 					{% include ui/icon.html icon="settings" %}
 				</a>
 				{% include ui/dropdown-menu.html right=true icons=true separated=true arrow=true %}
 			</li>
 
 			<li class="nav-item dropdown">
-				<a class="nav-link" data-toggle="dropdown" href="#">
+				<a href="#" class="nav-link" data-toggle="dropdown">
 					{% include ui/flag.html flag="us" class="mr-1" %} English
 				</a>
 				<div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" style="">
@@ -27,7 +27,7 @@
 			</li>
 
 			<li class="nav-item dropdown">
-				<a class="nav-link" data-toggle="dropdown" href="#">
+				<a href="#" class="nav-link" data-toggle="dropdown">
 					{% include ui/icon.html icon="bell" %}
 				</a>
 				<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow dropdown-menu-card" style="max-width: 20rem;">
@@ -36,7 +36,13 @@
 			</li>
 
 			<li class="nav-item dropdown pl-2">
-				{% include ui/avatar.html person-id=1 dropdown=true %}
+				<a href="#" class="nav-link d-flex lh-1 text-inherit py-0 text-left" data-toggle="dropdown">
+					{% include ui/avatar.html person-id=1 %}
+					<div class="d-none d-md-block pl-2">
+						<div>Paweł Kuna</div>
+						<div class="mt-1 small text-muted">Founder</div>
+					</div>
+				</a>
 				{% include ui/dropdown-menu.html right=true icons=true separated=true arrow=true %}
 			</li>
 		</ul>

scss/layout/_navbar.scss

@@ -162,6 +162,7 @@ Vertical navbar
 
     .nav-link {
       min-height: 0;
+      height: 2.5rem;
       padding-left: $sidenav-padding;
       padding-right: $sidenav-padding;
     }
@@ -275,6 +276,7 @@ All navbars
     min-width: 2rem;
     min-height: 2rem;
     position: relative;
+    user-select: none;
     text-align: center;
   }
 
@@ -358,6 +360,7 @@ Navbar colors
     .nav-link {
       color: inherit;
       opacity: $text-muted-opacity;
+      transition: .3s opacity;
 
       &:hover {
         color: inherit;