Fix sign in responsiveness

2 files changed, 6 insertions, 4 deletions

diff --git a/server/src/Design/Global.hs b/server/src/Design/Global.hs
index 24d999f..5b8f2dc 100644
--- a/server/src/Design/Global.hs
+++ b/server/src/Design/Global.hs
@@ -111,14 +111,14 @@ global = do
       display flex
 
     svg # ".loader" ? do
-      opacity 0
+      display none
       position absolute
 
     ".waiting" & do
       ".content" ? do
-        opacity 0
+        display none
       svg # ".loader" ? do
-        opacity 1
+        display block
         spinAnimation
 
   select ? cursor pointer
diff --git a/server/src/Design/View/SignIn.hs b/server/src/Design/View/SignIn.hs
index 2138676..a39276e 100644
--- a/server/src/Design/View/SignIn.hs
+++ b/server/src/Design/View/SignIn.hs
@@ -4,6 +4,7 @@ module Design.View.SignIn
 
 import           Clay
 import           Data.Monoid      ((<>))
+import           Prelude          hiding (rem)
 
 import qualified Design.Color     as Color
 import qualified Design.Constants as Constants
@@ -12,7 +13,8 @@ import qualified Design.Helper    as Helper
 design :: Css
 design = do
   let inputHeight = 50
-  width (px 500)
+  maxWidth (px 550)
+  sym2 padding (rem 0) (rem 2)
   marginTop (px 100)
   marginLeft auto
   marginRight auto