🎨 more consistent eval box (#54)

replete-repl · Aug 5, 2019 · e4b4752 · e4b4752
1 parent 3c647de
commit e4b4752
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/replete/editor.cljs b/src/replete/editor.cljs
@@ -64,16 +64,21 @@
 
 (def ^:private main-style
   {:position "absolute"
-   :padding  "5px"
+   :padding  "0px"
+   :left     "0px"
+   :right    "0px"
    :top      "0px"
    :bottom   "0px"
    :width    "100%"})
 
-(def ^:private box-style
+(def ^:private editor-style
   (merge (flex-child-style "1")
          {:border        "1px solid lightgrey"
           :border-radius "4px"}))
 
+(def ^:private eval-style
+  (flex-child-style "1"))
+
 (defn- key-binding
   [key-map [button event]]
   (assoc {} (get key-map button) #(re-frame/dispatch [event])))
@@ -99,15 +104,15 @@
             eval-cm-opts {:theme "replete-eval-light"}
             eval-box-opts {:opts    eval-opts
                            :cm-opts eval-cm-opts
-                           :style   box-style}
+                           :style   eval-style}
 
             extra-keys (extra-key-bindings @key-bindings event-bindings)
             edit-cm-opts {:theme     "replete-edit-light"
                           :extraKeys extra-keys}
             edit-box-opts {:opts         {:node-id "replete-input"}
                            :cm-opts      edit-cm-opts
                            :key-bindings @key-bindings
-                           :style        box-style}]
+                           :style        editor-style}]
         [box
          :style main-style
          :child