                                         :width          "500px"
                                         :display        "inline-block"}} "")
 
-         (pre {:id "blocklyCode" :style {:verticalAlign "text-top"
+         (div nil
+               (button {
+                         :onClick (fn[e] (swap! app-state assoc-in [:ui :editor :show-generated-code] true))
+                         :className    (if (small-screen) "btn btn-default" "btn-lg btn-default")} "Show generated code")
+
+         (pre {:id "blocklyCode" :style {:display (if (get-in @app-state [:ui :editor :show-generated-code])
+                                                    ""
+                                                    "none")
+                                         :verticalAlign "text-top"
                                          :background     "white"
                                          :color          "black"
                                          :height         "800px"
                                          :width          "500px"}} ""))))
-
+)
 
 
 

                        (or (= (get-in @app-state [:ui :editor :mode]) "blockly") (= (get-in @app-state [:ui :editor :mode]) nil))
                        (span {:onClick #(go  (swap! app-state assoc-in [:ui :editor :mode] "text")
                                              (js/setTimeout js/refreshCodeMirror 500)
                                              (touch [])
                                              )} "Blockly | ")
                        )


    (div {:style {
                   :display (if (or (= (get-in @app-state [:ui :editor :mode]) "blockly")
                                    (= (get-in @app-state [:ui :editor :mode]) nil))
                              "inline-block"
                              "none")

                   :background2 "white" :width "100%"  :height "800px" :align "top" :top "100px"  }}



