        [:div {:style {:width 290 :float "left"}}
         [:div {:ref "sidebar"}]
         (style/create-unselectable
-          :div
-          {:style {:position (when-not (:sidebar-visible? @state) "fixed")
-                   :top (when-not (:sidebar-visible? @state) 4)
-                   :width 290}}
-          (let [{:keys [locked?]} @state
-                can-edit? (access-greater-than? (:access-level props) "READER")
-                snapshot-id (get-in config [:methodRepoMethod :methodVersion])
-                config-id (ws-common/config->id config)]
-            [:div {}
-             (when (and can-edit? (not editing?))
-               (list
-                 [comps/SidebarButton {:style :light :color :button-primary
-                                       :text "Edit Configuration" :icon :edit
-                                       :disabled? (when locked? "The workspace is locked")
-                                       :onClick #(swap! state assoc :editing? true :prev-snapshot-id snapshot-id)}]
-                 [comps/SidebarButton {:style :light :color :exception-state :margin :top
-                                       :text "Delete" :icon :delete
-                                       :disabled? (when locked? "The workspace is locked")
-                                       :onClick #(modal/push-modal
-                                                   [delete/DeleteDialog {:config-id config-id
-                                                                         :workspace-id (:workspace-id props)
-                                                                         :after-delete (:after-delete props)}])}]))
-
-             (when-not editing?
-               [comps/SidebarButton {:style :light :color :button-primary :margin (when can-edit? :top)
-                                     :text "Publish..." :icon :share
+         :div
+         {:style {:position (when-not (:sidebar-visible? @state) "fixed")
+                  :top (when-not (:sidebar-visible? @state) 4)
+                  :width 290}}
+         (let [{:keys [locked?]} @state
+               can-edit? (access-greater-than? (:access-level props) "READER")
+               snapshot-id (get-in config [:methodRepoMethod :methodVersion])
+               config-id (ws-common/config->id config)]
+           [:div {}
+            (when (and can-edit? (not editing?))
+              (list
+               [comps/SidebarButton {:style :light :color :button-primary
+                                     :text "Edit Configuration" :icon :edit
+                                     :disabled? (when locked? "The workspace is locked")
+                                     :onClick #(swap! state assoc :editing? true :prev-snapshot-id snapshot-id)}]
+               [comps/SidebarButton {:style :light :color :exception-state :margin :top
+                                     :text "Delete" :icon :delete
+                                     :disabled? (when locked? "The workspace is locked")
                                      :onClick #(modal/push-modal
-                                                 [publish/PublishDialog {:config-id config-id
-                                                                         :workspace-id (:workspace-id props)}])}])
-
-             (when editing?
-               (list
-                 [comps/SidebarButton {:color :success-state
-                                       :text "Save" :icon :done
-                                       :onClick #(this :-commit)}]
-                 [comps/SidebarButton {:color :exception-state :margin :top
-                                       :text "Cancel Editing" :icon :cancel
-                                       :onClick (fn []
-                                                  (this :load-new-method-template (:prev-snapshot-id @state))
-                                                  (swap! state assoc :editing? false))}]))]))]))
+                                                [delete/DeleteDialog {:config-id config-id
+                                                                      :workspace-id (:workspace-id props)
+                                                                      :after-delete (:after-delete props)}])}]))
+
+            (when-not editing?
+             [comps/SidebarButton {:style :light :color :button-primary :margin (when can-edit? :top)
+                                   :text "Publish..." :icon :share
+                                   :onClick #(modal/push-modal
+                                              [publish/PublishDialog {:config-id config-id
+                                                                      :workspace-id (:workspace-id props)}])}])
+
+            (when editing?
+              (list
+               [comps/SidebarButton {:color :success-state
+                                     :text "Save" :icon :done
+                                     :onClick #(this :-commit)}]
+               [comps/SidebarButton {:color :exception-state :margin :top
+                                     :text "Cancel Editing" :icon :cancel
+                                     :onClick (fn []
+                                                (this :load-new-method-template (:prev-snapshot-id @state))
+                                                (swap! state assoc :editing? false))}]))]))]))
    :-render-main
    (fn [{:keys [state this]}]
      (let [{:keys [editing? loaded-config wdl-parse-error inputs-outputs methods]} @state

   (fn [{:keys [state props refs this]}]
     (this :load-validated-method-config)
     (endpoints/call-ajax-orch
       {:endpoint (endpoints/get-workspace (:workspace-id props))
        :on-done (fn [{:keys [success? get-parsed-response status-text]}]
                   (if success?
                     (swap! state assoc :locked? (get-in (get-parsed-response) [:workspace :isLocked]))
                     (swap! state assoc :error status-text)))})
     (endpoints/call-ajax-orch
       {:endpoint endpoints/list-methods
        :on-done (fn [{:keys [success? get-parsed-response status-text]}]
                   (if success?
                     (swap! state assoc :methods (->> (get-parsed-response)
                                                      (map #(select-keys % [:namespace :name :snapshotId]))
                                                      (group-by (juxt :namespace :name))
                                                      (utils/map-values (partial map :snapshotId))))
                     (swap! state assoc :error-message status-text)))})
     (set! (.-onScrollHandler this)
           (fn []
             (when-let [sidebar (@refs "sidebar")]

       [:div {:style {:marginLeft 330}}
        (create-section-header "Method Configuration Name")
        (create-section
         (if editing?
           (style/create-text-field {:ref "confname" :style {:width 500}
                                     :defaultValue (:name config)})
           [:div {:style {:padding "0.5em 0 1em 0"}} (:name config)]))
        (create-section-header "Referenced Method")
        (create-section [MethodDetailsViewer
                         (merge {:ref "methodDetailsViewer"
