From 1b28ea13456a90688c21b9ae7a534b35a3817a31 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde@tlon.io>
Date: Tue, 9 Jun 2020 16:13:56 -0400
Subject: [PATCH] soto: add graphical tweaks for spa

---
 pkg/interface/src/apps/dojo/app.js                         | 4 ++--
 pkg/interface/src/apps/dojo/components/history.js          | 4 ++--
 pkg/interface/src/apps/dojo/components/lib/icons/popout.js | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/pkg/interface/src/apps/dojo/app.js b/pkg/interface/src/apps/dojo/app.js
index 7332661bb..96f7d10a8 100644
--- a/pkg/interface/src/apps/dojo/app.js
+++ b/pkg/interface/src/apps/dojo/app.js
@@ -47,7 +47,7 @@ export default class DojoApp extends Component {
   render() {
     return (
       <div
-        className="bg-white bg-gray1-d"
+        className="bg-white bg-gray0-d"
         style={{ height: 'calc(100vh - 45px)' }}
       >
         <Route
@@ -72,7 +72,7 @@ export default class DojoApp extends Component {
                 <div
                   className={
                     'pa3 bg-white bg-gray0-d black white-d mono w-100 f8 relative' +
-                    ' h-100-m40-s b--gray2 br1 flex-auto ' +
+                    ' h-100-m40-s b--gray2 br1 flex-auto flex flex-column ' +
                     popoutClasses
                   }
                   style={{
diff --git a/pkg/interface/src/apps/dojo/components/history.js b/pkg/interface/src/apps/dojo/components/history.js
index add00dbf1..fa9498bee 100644
--- a/pkg/interface/src/apps/dojo/components/history.js
+++ b/pkg/interface/src/apps/dojo/components/history.js
@@ -8,8 +8,8 @@ export class History extends Component {
   render() {
     return (
       <div
-        className="relative flex flex-column-reverse overflow-container flex-auto"
-        style={{ height: 'calc(100% - 1rem)', resize: 'none' }}
+        className="h-100 relative flex flex-column-reverse overflow-container flex-auto"
+        style={{ resize: 'none' }}
       >
         <div style={{ marginTop: 'auto' }}>
           {this.props.commandLog.map((text, index) => {
diff --git a/pkg/interface/src/apps/dojo/components/lib/icons/popout.js b/pkg/interface/src/apps/dojo/components/lib/icons/popout.js
index ca59bced7..fe4dd684c 100644
--- a/pkg/interface/src/apps/dojo/components/lib/icons/popout.js
+++ b/pkg/interface/src/apps/dojo/components/lib/icons/popout.js
@@ -7,7 +7,7 @@ export class Popout extends Component {
       : 'dib-m dib-l dib-xl';
     return (
       <div
-        className="dib absolute z-2"
+        className="db tr z-2"
         style={{
           right: 16,
           top: 16