From 2741f47ef7b87255203bc2f7f7b2b9140c70b8f0 Mon Sep 17 00:00:00 2001
From: Joris
Date: Thu, 1 Nov 2018 13:14:25 +0100
Subject: Implementing client side validation

---
 server/src/Design/View/Header.hs         | 2 ++
 server/src/Design/View/Payment/Add.hs    | 7 +++++--
 server/src/Design/View/Payment/Delete.hs | 3 +++
 3 files changed, 10 insertions(+), 2 deletions(-)

(limited to 'server/src/Design/View')

diff --git a/server/src/Design/View/Header.hs b/server/src/Design/View/Header.hs
index 97f1802..2422686 100644
--- a/server/src/Design/View/Header.hs
+++ b/server/src/Design/View/Header.hs
@@ -56,6 +56,8 @@ design = do
 
     ".signOut" ? do
       display flex
+      justifyContent center
+      alignItems center
       svg ? do
         Media.tabletDesktop $ width (px 30)
         Media.mobile $ width (px 20)
diff --git a/server/src/Design/View/Payment/Add.hs b/server/src/Design/View/Payment/Add.hs
index 199ad36..5ecae7a 100644
--- a/server/src/Design/View/Payment/Add.hs
+++ b/server/src/Design/View/Payment/Add.hs
@@ -14,12 +14,12 @@ design = do
     backgroundColor Color.chestnutRose
     fontSize (px 18)
     color Color.white
-    sym padding (px 20)
+    sym2 padding (px 20) (px 30)
     textAlign (alignSide sideCenter)
     borderRadius (px 5) (px 5) (px 0) (px 0)
 
   ".addContent" ? do
-    sym padding (px 20)
+    sym2 padding (px 20) (px 30)
 
     ".buttons" ? do
       display flex
@@ -30,3 +30,6 @@ design = do
         Helper.button Color.chestnutRose Color.white (px Constants.inputHeight) Constants.focusLighten
       ".undo" ?
         Helper.button Color.silver Color.white (px Constants.inputHeight) Constants.focusLighten
+
+      (".confirm" <> ".undo") ?
+        width (px 90)
diff --git a/server/src/Design/View/Payment/Delete.hs b/server/src/Design/View/Payment/Delete.hs
index 5597f5b..f3d7e3f 100644
--- a/server/src/Design/View/Payment/Delete.hs
+++ b/server/src/Design/View/Payment/Delete.hs
@@ -30,3 +30,6 @@ design = do
         Helper.button Color.chestnutRose Color.white (px Constants.inputHeight) Constants.focusLighten
       ".undo" ?
         Helper.button Color.silver Color.white (px Constants.inputHeight) Constants.focusLighten
+
+      (".confirm" <> ".undo") ?
+        width (px 90)
-- 
cgit v1.2.3