Responsive header

1 files changed, 16 insertions, 16 deletions

diff --git a/src/server/Design/LoggedIn/Home/Add.hs b/src/server/Design/LoggedIn/Home/Add.hs
index 7613ba3..1a8b499 100644
--- a/src/server/Design/LoggedIn/Home/Add.hs
+++ b/src/server/Design/LoggedIn/Home/Add.hs
@@ -8,7 +8,7 @@ import Data.Monoid ((<>))
 
 import Clay
 
-import Design.Color as C
+import Design.Color as Color
 import Design.Helper
 import Design.Constants
 
@@ -28,8 +28,8 @@ design = do
       display inlineBlock
       width (px 50)
       textAlign (alignSide sideCenter)
-      backgroundColor C.darkGrey
-      color C.white
+      backgroundColor Color.mountainMist
+      color Color.white
       height (px inputHeight)
       lineHeight (px inputHeight)
       fontSize (px 22)
@@ -40,10 +40,10 @@ design = do
       defaultInput inputHeight
       borderRadius radius (px 0) (px 0) radius
       "width" -: "calc(100% - 40px)"
-    "input:focus + label" ? backgroundColor C.grey
+    "input:focus + label" ? backgroundColor Color.pumice
     hover & do
-      input ? borderColor C.grey
-      label ? backgroundColor C.grey
+      input ? borderColor Color.pumice
+      label ? backgroundColor Color.pumice
 
   ".name" ? minWidth (px 150)
 
@@ -52,36 +52,36 @@ design = do
     marginRight (pct blockPercentMargin)
 
     (".punctual" <> ".monthly") ? do
-      defaultButton C.lightGrey C.darkGrey (px $ inputHeight `Prelude.div` 2) focusLighten
+      defaultButton Color.mercury Color.mountainMist (px $ inputHeight `Prelude.div` 2) focusLighten
       paddingLeft (px 15)
       paddingRight (px 15)
       ".selected" & do
-        backgroundColor C.blue
-        color C.white
+        backgroundColor Color.blue
+        color Color.white
 
     hover & (".punctual" <> ".monthly") ?
-      ".selected" & backgroundColor (focusLighten C.blue)
+      ".selected" & backgroundColor (focusLighten Color.blue)
 
     focus & (".punctual" <> ".monthly") ?
-      ".selected" & backgroundColor (focusLighten C.blue)
+      ".selected" & backgroundColor (focusLighten Color.blue)
 
     ".punctual" ? borderRadius radius radius 0 0
     ".monthly" ? borderRadius 0 0 radius radius
 
   button # ".add" ? do
-    defaultButton C.red C.white (px inputHeight) focusLighten
+    defaultButton Color.red Color.white (px inputHeight) focusLighten
     paddingLeft (px 15)
     paddingRight (px 15)
     i ? marginLeft (px 10)
     ".waitingServer" & ("cursor" -: "not-allowed")
 
   ".name.error" <> ".cost.error" ? do
-    input ? borderColor C.redError
-    label ? backgroundColor C.redError
-    "input:focus + label" ? backgroundColor C.redError
+    input ? borderColor Color.redError
+    label ? backgroundColor Color.redError
+    "input:focus + label" ? backgroundColor Color.redError
 
   ".errorMessage" ? do
     position absolute
-    color C.redError
+    color Color.redError
     top (px (inputHeight + 10))
     left (px 0)