{-# LANGUAGE OverloadedStrings #-}

module Design.LoggedIn.Income
  ( design
  ) where

import Clay

import qualified Design.Helper as Helper
import qualified Design.Constants as Constants
import qualified Design.Color as Color

design :: Css
design = do

  h1 ? paddingBottom (px 0)

  form ? do
    display flex
    "alignItems" -: "center"
    "margin-bottom" -: "4vh"
    ".textInput" ? marginRight (px 30)

    button ? do
      Helper.defaultButton Color.chestnutRose Color.white (px Constants.inputHeight) Constants.focusLighten
      marginTop (px 3)

  ul # ".incomes" ? button ?
    marginLeft (px 12)