      (view
        {:style {:flex 1}}
 
-       (view {:style page-style}
-             (view {:style {:flex            0.4
+       (view {:style (merge page-style {:flexDirection (if portrait "column" "row")})}
+             (view {:style {:flex            (if portrait 0.4 0.5)
                             :position        "relative"
                             :justifyContent  "flex-start"
                             :alignItems      "stretch"

         palette (get-palette (rum/react palette-index))
         page-style {:flex            1
                     :backgroundColor (:primary palette)}

         ;scale 1.9
         ub (/ 100 (rum/react (:scale state)))

                   )

             (view {:key   2
                    :style {:flex (if portrait 0.6 0.5)}}
                   ;;;
                   ;; top and bottom buttons
                   ;;;
