Implementing client side validation

1 files changed, 7 insertions, 3 deletions

diff --git a/server/src/Design/Form.hs b/server/src/Design/Form.hs
index 0385cb4..31a2127 100644
--- a/server/src/Design/Form.hs
+++ b/server/src/Design/Form.hs
@@ -22,7 +22,7 @@ design = do
 
   ".textInput" ? do
     position relative
-    marginBottom (em 1.5)
+    marginBottom (em 2)
     paddingTop (px inputTop)
     marginTop (px (-10))
 
@@ -46,7 +46,7 @@ design = do
       position absolute
       top (px inputTop)
       left (px 0)
-      transition "all" (sec 0.2) easeIn (sec 0)
+      transition "all" (sec 0.2) easeInOut (sec 0)
 
     button ? do
       position absolute
@@ -110,11 +110,13 @@ design = do
         fontWeight bold
 
   ".selectInput" ? do
-    marginBottom (em 1)
+    marginBottom (em 2)
+
     label ? do
       display block
       marginBottom (px 10)
       fontSize (pct 80)
+
     select ? do
       width (pct 100)
       backgroundColor Color.white
@@ -122,6 +124,8 @@ design = do
       sym borderRadius (px 3)
       sym2 padding (px 5) (px 8)
       option ? sym2 padding (px 5) (px 8)
+      focus & backgroundColor Color.wildSand
+
     ".error" & do
       select ? borderColor Color.chestnutRose
       ".errorMessage" ? do