From ab923ad559f56afbf8354d41b5e6ee2003813c17 Mon Sep 17 00:00:00 2001
From: Thibault Duplessis <t@lichess.org>
Date: Wed, 27 Oct 2021 08:36:11 +0200
Subject: [PATCH] fix mini follow button in some languages - closes #9695

---
 app/views/relation/mini.scala          | 9 ++++++---
 ui/common/css/component/_btn-rack.scss | 1 +
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/views/relation/mini.scala b/app/views/relation/mini.scala
index 289101bcc8..dc8901c7fe 100644
--- a/app/views/relation/mini.scala
+++ b/app/views/relation/mini.scala
@@ -16,11 +16,14 @@ object mini {
   )(implicit ctx: Context) =
     relation match {
       case None if followable && !blocked =>
+        val name   = trans.follow.txt()
+        val isLong = name.sizeIs > 8
         a(
-          cls := "btn-rack__btn relation-button text",
+          cls := s"btn-rack__btn relation-button${!isLong ?? " text"}",
           dataIcon := "",
-          href := s"${routes.Relation.follow(userId)}?mini=1"
-        )(trans.follow())
+          href := s"${routes.Relation.follow(userId)}?mini=1",
+          title := isLong option name
+        )(!isLong option name)
       case Some(true) =>
         a(
           cls := "btn-rack__btn relation-button text",
diff --git a/ui/common/css/component/_btn-rack.scss b/ui/common/css/component/_btn-rack.scss
index 2b9f49a26d..5b64383865 100644
--- a/ui/common/css/component/_btn-rack.scss
+++ b/ui/common/css/component/_btn-rack.scss
@@ -21,6 +21,7 @@
     cursor: pointer;
     border-right: $border;
     color: $c-font;
+    white-space: nowrap;
 
     &:hover {
       @extend %metal-hover;