visually distinguish signin and signup links

Author: ornicar

modules/web/src/main/ui/layout.scala

@@ -134,8 +134,10 @@ final class layout(helpers: Helpers, assetHelper: lila.web.ui.AssetFullHelper)(
   def anonDasher(using ctx: Context) =
     val prefs = trans.preferences.preferences.txt()
     frag(
-      a(href := s"${routes.Auth.login.url}?referrer=${ctx.req.path}", cls := "signin")(trans.site.signIn()),
-      a(href := routes.Auth.signup, cls := "signup")(trans.site.signUp()),
+      div(cls := "signin-or-signup")(
+        a(href := s"${routes.Auth.login.url}?referrer=${ctx.req.path}", cls := "signin")(trans.site.signIn()),
+        a(href := routes.Auth.signup, cls := "button signup")(trans.site.signUp())
+      ),
       div(cls := "dasher")(
         button(cls := "toggle anon link", title := prefs, aria.label := prefs, dataIcon := Icon.Gear),
         div(id := "dasher_app", cls := "dropdown")
@@ -334,7 +336,8 @@ final class layout(helpers: Helpers, assetHelper: lila.web.ui.AssetFullHelper)(
             ctx.me
               .map: me =>
                 frag(allNotifications(challenges, notifications), dasher(me))
-              .getOrElse { (!error).option(anonDasher) }
+              .getOrElse:
+                error.not.option(anonDasher)
         )
       )
 

ui/lib/css/header/_buttons.scss

@@ -75,9 +75,9 @@
     }
   }
 
-  .signin {
-    text-transform: uppercase;
-    padding: 0 0.7rem;
+  .signin-or-signup {
+    @extend %flex-center;
+    gap: 1em;
   }
 
   .link-center {