 (rum/defc nested-n-square** < rum/static
   [scenar palette rr w h n highlight]
   (let [w (min w h)
-        padding 20
+        padding (* 4 tffsz)
         cols (count ((dicen n highlight) 0))
         rows (count (dicen n highlight))
         a (/ (- w (* 2 padding)) cols)
         ]
-
+(prn "nn " w h)
     (view {:style {:flex          1
                    :flexDirection "column"
                    :alignItems    "center"
+                   :justifyContent "flex-start"
                    :opacity       0.8}}
           (view {:style {:flex    0
                          :width   w
                          :height  (+ (* 2 padding) (icon-top (count (dicen n highlight)) a n))
                          :padding padding
+                         :paddingTop (/ padding 2)
                          }}
                 (for [[i row] (zipmap (range) (dicen n highlight))]
                   (view {:key   (str "r" i)


                               }

                              (ionicon {:name  "ios-arrow-down" ;"ios-radio-button-on"
                                        :size  50
                                        :style {:width           50
                                                :textAlign       "center"
                                                :opacity 0.3
                                                :color           (:text-icons palette)
                                                :backgroundColor "rgba(0,0,0,0)"
                                                }}))

        rows (count (dicen nn highlight))
        a (/ (- w (* 2 padding)) cols)
        ]

    (letfn [(handle-scroll [event]
              (this-as this
                (.log js/console (-> event (.-nativeEvent) (.-contentOffset) (.-y)))
