sables-d-olonne: update user-info links appearence (#52556)

static/sables-d-olonne/_custom.scss

@@ -186,31 +186,69 @@ div#header {
 		display: none;
 	}
 	position: static;
-	background-color: $violet;
-	color: white;
+	color: $violet;
 	border: none;
 	padding: 0;
+	box-shadow: none;
+
+
 	font-weight: 600;
 	text-transform: uppercase;
 	line-height: 1.4;
-	height: 3.8em;
-	padding: .5em 1.5em;
-	border-radius: 1.9em;
 	font-size: $fz-small;
 
+	> span {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+
 	a {
 		display: block;
+		margin: 0.25em 0 !important;
 		text-align: center;
 		color: inherit;
 		white-space: nowrap;
 		span {
 			padding: 0 !important;
 		}
+
+		&.login-link, &.logout {
+			@extend %button;
+		}
+
+		&.registration, &.account-link {
+			font-size: $fz-small;
+		}
+
+
 	}
 
 	.sep {
 		display: none;
 	}
+
+	// 2 links in button
+	// .login {
+	// 	@extend %button;
+	// 	border: 0;
+	// 	display: block;
+	// 	padding: 0;
+	// 	cursor: default;
+
+	// 	a {
+	// 		padding: 0.25em 1.5em;
+
+	// 		&:hover {
+
+	// 		}
+
+	// 		&.registration {
+	// 			border-top: 4px solid
+	// 		}
+	// 	}
+	// }
+
 }
 
 // header shadow