             :selected (= @palette-index index)})
     (txt {:key 2} (palette-titles index))))
 
+(def card-style {:flex         1
+                 :marginLeft   15
+                 :marginRight  15
+                 :marginTop    5
+                 :marginBottom 0})
+
+(def card-item-style {:backgroundColor "white"
+                      :justifyContent  "flex-start"
+                      :flexDirection   "row"
+                      :alignItems      "center"
+                      :padding         10})
+
 (defn add-card! [navigator palette]
-  (card {:key   20
-         :style {:flex   1
-                 :margin 15}}
+  (card {:key   (gensym "add-card")
+         :style card-style}
         (card-item {:header true
                     :key    1
-                    :style  {:backgroundColor "white"
-                             :justifyContent  "flex-start"
-                             :flexDirection   "row"
-                             :alignItems      "center"
-                             }}
+                    :style  card-item-style}
                    (txt {:key   1
                          :style {:flex       4
                                  :marginLeft 34


(defn show-icon [palette]
  (n-icon {:name  "ios-arrow-dropright-outline"
           :key   (gensym "icon")
           :style {:color     (:accent palette)
                   :transform [{:scale 1.67}]}
           }))

           :style {:color (:dark-primary palette)}
           }))

#_(defn nnt-icon [palette]
  (n-icon {:name  "md-keypad"
           :key   (gensym "nnt")
           :style {:color (:accent palette)}
