tweak new game side

app/views/game/side.scala.html

@@ -5,7 +5,7 @@
 
 <div class="side">
   <div class="side_box padded">
-    <div class="infos" data-icon="@game.perfType match {
+    <div class="game_infos" data-icon="@game.perfType match {
       case _ if game.fromPosition => {*}
       case _ if game.hasAi => {:}
       case _ if game.imported => {/}
@@ -14,14 +14,14 @@
       }">
 
       <div class="header">
-        <strong>
+        <span class="setup">
           @game.clock.fold("∞")(_.show)
           • @game.perfType.map(_.name match {
           case "King of the Hill" => "KoTH"
           case a => a
           }).getOrElse {@chess.Variant.FromPosition.name}
           • @game.rated.fold(trans.rated(), trans.casual())
-        </strong>
+        </span>
         @game.pgnImport.flatMap(_.date).getOrElse(
         game.isBeingPlayed.fold(trans.playingRightNow(), momentFormat(game.createdAt))
         )
@@ -39,21 +39,12 @@
       <br /><br />
       }
     </div>
-    <div class="swords" data-icon="U"></div>
     <div class="players">
-      @if(opponent.color.name == "white") {
-      @List(opponent, player).map { p =>
-      <div class="player">
+      @List(game.whitePlayer, game.blackPlayer).map { p =>
+      <div class="player" data-icon="@p.color.fold('K', 'J')">
         @playerLink(p, withOnline = false, withDiff = true)
       </div>
       }
-      } else {
-      @List(player, opponent).map { p =>
-      <div class="player">
-        @playerLink(p, withOnline = false, withDiff = true)
-      </div>
-      }
-      }
 
     </div>
     @if(game.finishedOrAborted) {

public/stylesheets/common.css

@@ -794,31 +794,25 @@ div.side_box .top {
 div.side_box .padded {
   padding: 7px;
 }
-div.side_box div.header strong{
-  font-size: 1em;
-  text-transform: uppercase;
-  font-weight: lighter;
-  display: block;
-}
-div.side_box div.infos {
-  padding-left: 35px;
-  padding-bottom: 5px;
+div.side_box div.game_infos {
+  padding-left: 38px;
+  padding-bottom: 8px;
   border-bottom: 1px solid #ccc;
+  margin-bottom: 6px;
+  position: relative;
 }
-div.side_box div.infos::before{
+div.side_box div.game_infos::before {
   position: absolute;
-  margin-top: 2px;
-  margin-left: -35px;
+  top: 2px;
+  left: 0px;
   font-size: 30px;
   opacity: 0.7;
 }
-div.side_box div.players {
-  margin-left: 22px;
-  margin-top: -26px;
+div.side_box .game_infos .setup {
+  text-transform: uppercase;
+  display: block;
 }
-div.side_box div.swords {
-  font-size: 15px;
-  margin-top: 10px;
+div.side_box div.players {
 }
 div.side_box div.status {
   text-align: center;
@@ -1408,7 +1402,6 @@ div.checkmateCaptcha.success div.success {
 div.checkmateCaptcha.failure div.failure {
   display: block;
 }
-
 /* gamelist.css */
 
 div.game_row {

public/stylesheets/dark.css

@@ -123,7 +123,7 @@ body.dark div.doc_box h2,
 body.dark div.training div.box,
 body.dark div.force_resign_zone,
 body.dark div.negotiation,
-body.dark div.side_box div.infos {
+body.dark div.side_box div.game_infos {
   border-color: #3d3d3d;
 }
 body.dark .crosstable td.last {