dgt play style tweaks

app/views/dgt.scala

@@ -47,7 +47,6 @@ object dgt {
 
   def play(token: AccessToken)(implicit ctx: Context) =
     layout("play", embedJsUnsafeLoadThen(s"""lichessDgt.playPage("${token.id.value}")"""))(
-      h1("DGT - play"),
       div(id := "dgt-play-zone")(pre(id := "dgt-play-zone-log")),
       div(cls := "dgt__play__help")(
         h2(iconTag("", "If a move is not detected")),

ui/site/css/_dgt.scss

@@ -14,14 +14,14 @@
 }
 
 #dgt-play-zone {
-  /* style goes here */
-  overflow: auto; height: 400px;
-  @if $theme-dark {
-    background-color: #222;
-  } @else {
-    background-color: #333;
+  overflow: auto;
+  height: 60vh;
+  padding: 2em;
+  background: #333;
+  &-log {
+    font-family: monospace;
+    font-size: 1.2em;
   }
-
 }
 
 .log-warn { color: orange }
@@ -32,6 +32,3 @@
 .log-warn, .log-error { font-weight: bold; }    
 .dgt-black-move { color: brown; font-size: xx-large;}
 .dgt-white-move { color: tan; font-size: xx-large;}
-  
-
- 

ui/site/css/build/_dgt.scss

@@ -1,4 +1,5 @@
 @import "../../../common/css/plugin";
 @import "../../../common/css/form/form3";
 @import "../../../common/css/form/radio";
+@import "../../../common/css/base/scrollbar";
 @import "../dgt";