improve blind lobby and challenge screens

app/views/challenge/mine.scala

@@ -35,7 +35,7 @@ object mine {
                 )
               } getOrElse div(cls := "invite")(
                 div(
-                  p(trans.toInviteSomeoneToPlayGiveThisUrl(), ": "),
+                  h2(cls := "ninja-title", trans.toInviteSomeoneToPlayGiveThisUrl(), ": "), br,
                   p(cls := "challenge-id-form")(
                     input(
                       id := "challenge-id",
@@ -49,7 +49,7 @@ object mine {
                   p(trans.theFirstPersonToComeOnThisUrlWillPlayWithYou())
                 ),
                 ctx.isAuth option div(
-                  p("Or invite a lichess user:"),
+                  h2(cls := "ninja-title", "Or invite a lichess user:"), br,
                   form(cls := "user-invite", action := routes.Challenge.toFriend(c.id), method := "POST")(
                     input(name := "username", cls := "friend-autocomplete", placeholder := trans.search.txt()),
                     error.map { badTag(_) }

app/views/lobby/blindLobby.scala

@@ -11,7 +11,8 @@ object blindLobby {
 
   def apply(games: List[Pov])(implicit ctx: Context) = div(
     h2(games.size, " ongoing games"),
-    games.nonEmpty option ongoingGames(games)
+    games.nonEmpty option ongoingGames(games),
+    div(cls := "lobby__app none")
   )
 
   private def ongoingGames(games: List[Pov])(implicit ctx: Context) = games.partition(_.isMyTurn) match {

ui/common/css/base/_typography.scss

@@ -23,6 +23,12 @@ h1 {
     }
   }
 }
+
 h2 {
   @include fluid-size('font-size', 23px, 40px);
 }
+
+.ninja-title {
+  @extend %base-font;
+  font-size: 1em;
+}

ui/site/css/_blind.scss

@@ -5,3 +5,6 @@
 #main-wrap {
   margin-top: 170px;
 }
+.lobby__app {
+  display: none!important;
+}