simplify challenge sent page view and css

Author: ornicar

app/views/challenge/mine.scala

@@ -39,11 +39,9 @@ object mine:
               c.destUserId.map { destId =>
                 div(cls := "waiting")(
                   userIdLink(destId.some, cssClass = "target".some),
-                  if c.unlimited || c.daysPerTurn != none then
-                    div(cls := "correspondence-waiting")(
-                      p(cls := "challenge-successful")("Challenge sent"),
-                      p("Challenge can be canceled in the sword menu")
-                    )
+                  if !c.hasClock then
+                    div(cls := "correspondence-waiting text", dataIcon := licon.Checkmark):
+                      "Challenge sent"
                   else spinner,
                   p(trans.waitingForOpponent())
                 )

ui/challenge/css/_page.scss

@@ -62,19 +62,11 @@
     }
 
     .correspondence-waiting {
-      padding: 15px;
-      border-radius: 8px;
-      position: relative;
-    }
-
-    .challenge-successful::before {
-      content: '\2714   ';
-      font-size: 1.2em;
-      color: green;
-    }
-
-    .correspondence-waiting > p {
-      margin-bottom: 0.5em;
+      font-size: 1.5em;
+      margin: 2em auto;
+      &::before {
+        color: $c-good;
+      }
     }
   }