Merge branch 'master' into geta

satiate.css

@@ -195,6 +195,15 @@ a:hover {
   overflow: auto;
 }
 
+#log > div:not(last-child) {
+  color: #ddd;
+}
+
+#log > div:last-child {
+  margin-top: 16pt;
+  color: #fff;
+}
+
 .sidebar {
   background: rgba(255, 255, 255, 0.1);
   padding: 25px;
@@ -289,7 +298,7 @@ a:hover {
   background-color: #888;
   color: #eee;
   margin: 5px;
-  font-size: 24px;
+  font-size: 16pt;
 }
 
 
@@ -301,11 +310,15 @@ a:hover {
 
 @media (min-aspect-ratio: 1/1) {
   #desc {
-    flex: 1;
+    flex: 0.5;
   }
 
   #actions {
-    flex: 1;
+    flex: 0.5;
+  }
+
+  #moves {
+    max-width: 600pt;
   }
 }
 

satiate.js

@@ -49,15 +49,18 @@ const tags = {
 };
 
 function print(lines) {
-  (lines.concat([newline])).forEach(line => {
+  const bigDiv = document.createElement("div");
+  ([newline].concat(lines)).forEach(line => {
     const log = document.querySelector("#log");
     const div = document.createElement("div");
 
     div.textContent = line;
 
-    log.appendChild(div);
+    bigDiv.appendChild(div);
   });
 
+  log.appendChild(bigDiv);
+
   log.scrollTop = log.scrollHeight;
 }