Struktura navigace v hlavičce

sass/main.scss

@@ -65,11 +65,17 @@ header {
 			display: flex;
 			position: relative;
 
-			a { padding: .9rem }
+			a {
+				display: flex;
+				align-items: center;
+				padding: .9em;
+				white-space: nowrap;
+			}
 			li:hover { color: var(--color) }
 
+			// rolldown
 			&:hover>li>div {
-				visibility: hidden;
+				visibility: bhidden;
 				transition: none;
 			}
 			li:hover>div {
@@ -88,7 +94,6 @@ header {
 				left: 0;
 				top: 100%;
 				width: 100%;
-				margin-top: .9rem;
 				padding: 1rem;
 				background-color: #FFF;
 				font-size: 1rem;
@@ -106,19 +111,12 @@ header {
 					color: var(--color);
 				}
 
-				ul {
+				// columns
-					flex-direction: column;
+				ul { flex-direction: column }
-
+				ul a { padding: .5em }
-					a {
+				ul a [class^="ri-"], ul a [class*=" ri-"] {
-						display: flex;
+					color: var(--color);
-						align-items: center;
+					margin-right: .5em;
-						padding: .5em;
-
-						[class^="ri-"], [class*=" ri-"] {
-							color: var(--color);
-							margin-right: .5em;
-						}
-					}
 				}
 			}
 		}