{-# LANGUAGE OverloadedStrings #-}

module Design.Dialog
  ( design
  ) where

import Data.Monoid ((<>))

import Clay

design :: Css
design = do

  ".content" ? do
    minWidth (px 270)

    ".paymentDialog" & do
      ".radioGroup" ? ".title" ? display none
      ".selectInput" ? do
        select ? width (pct 100)
        marginBottom (em 1)

  ".deletePaymentDialog" <> ".deleteIncomeDialog" ? do
    h1 ? marginBottom (em 1.5)