     [v-box
      :class    "noselect"
      :style    {:background-color "#fcfcfc"}
-     :size    "1 0 auto"
+     ;:size    "1"
      :children (for [tab tabs-definition]
                  [nav-item tab selected-tab-id on-select-tab])])
 

            [reagent.core                  :as    reagent]
            [alandipert.storage-atom       :refer [local-storage]]
            [secretary.core                :as    secretary]
            [re-com.core                   :refer [h-box v-box box gap line scroller border label title alert-box] :refer-macros [handler-fn]]
            [re-com.util                   :refer [get-element-by-id item-for-id]]
            [re-demo.utils                 :refer [panel-title]]
            [re-demo.introduction          :as    introduction]

    (fn
      []
      ;(set! re-com.box/debug true)
      [h-split
       ;; Outer-most box height must be 100% to fill the entrie client height.
       ;; This assumes that height of <body> is itself also set to 100%.
       ;; width does not need to be set.
       :height   "100%"
       ;:gap      "60px"
       :initial-split 15
       :margin "0px"
       :panel-1 [scroller
                 ;:size  "none"
                 :v-scroll :auto
                 :h-scroll :off
                 :child [v-box
                         :size "1"
                         :children [[re-com-title-box]
                                    [left-side-nav-bar selected-tab-id on-select-tab]]]]
       :panel-2 [scroller
                 :child [v-box
                         :size  "1"
                         :children [(when-not (-> js/goog .-labs .-userAgent .-browser .isChrome) [browser-alert])
                                    [right-side-nav selected-tab-id]]]]])))    ;; the tab panel to show, for the selected tab

(defn ^:export mount-demo
  []
