css class name convention and icon spacing with "text"

after lichess-org#10465
zq-jiang · Feb 3, 2022 · cc2a9ec · cc2a9ec
1 parent a385841
commit cc2a9ec
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/app/views/appeal/discussion.scala b/app/views/appeal/discussion.scala
@@ -114,7 +114,7 @@ object discussion {
             div(cls := "appeal__msg__text")(richText(msg.text))
           )
         },
-        modData.exists(_.markedByMe) option div(dataIcon := "", cls := "marked_by_me")(
+        modData.exists(_.markedByMe) option div(dataIcon := "", cls := "marked-by-me text")(
           "You have marked this user. Appeal should be handled by another moderator"
         ),
         if (modData.isEmpty && !appeal.canAddMsg) p("Please wait for a moderator to reply.")

diff --git a/app/views/appeal/queue.scala b/app/views/appeal/queue.scala
@@ -35,7 +35,9 @@ object queue {
               td(
                 userIdLink(appeal.id.some),
                 br,
-                markedByMe.contains(appeal.id) option span(dataIcon := "", cls := "marked_by_me")("My mark"),
+                markedByMe.contains(appeal.id) option span(dataIcon := "", cls := "marked-by-me text")(
+                  "My mark"
+                ),
                 views.html.user.mod.userMarks(user, None)
               ),
               td(appeal.msgs.lastOption map { msg =>

diff --git a/ui/site/css/_appeal.scss b/ui/site/css/_appeal.scss
@@ -65,7 +65,7 @@
     }
   }
 
-  .marked_by_me {
+  .marked-by-me {
     @extend %box-radius;
 
     border-radius: 20px;