ui: tweaks

src/client/types/expression.raw.scss

@@ -43,12 +43,12 @@
 
 .paren {
   color: #999999;
+  line-height: 1.75em;
 }
 
 .invoke {
   display: flex;
   flex-direction: column;
-  padding-left: 1em;
 }
 
 .assign {
@@ -56,6 +56,12 @@
   align-items: center;
 }
 
+.eql {
+  align-self: center;
+  color: #999999;
+  margin: 0 0.5em;
+}
+
 .op {
   align-self: flex-start;
   margin: 0.125em;

src/client/types/expression.type-renderer.jsx

@@ -154,7 +154,7 @@ const Expression = (props) => {
       {
         assign && (
           <span className="assign">
-            <span className="op">=</span>
+            <span className="eql">=</span>
             <Value.Component
               context={context}
               onChange={(valueValue, event) => (

src/common/resources/entity/entity.raw.scss

@@ -1,11 +1,12 @@
 .document-pane {
   border-right: 1px solid #1a1a1a;
+  display: none;
   float: left;
   width: calc(100% - 36em);
   height: 100vh;
 }
 
 .settings-pane {
-  float: left;
-  width: 36em;
+  width: 100vw;
+  height: 100vh;
 }