From 2f6481bf988456a8ba1b8a3aa708e35f6b77e3ce Mon Sep 17 00:00:00 2001
From: Keksike <cihan.m.bebek@gmail.com>
Date: Sat, 1 Jul 2017 23:37:40 +0300
Subject: [PATCH] separate some general form styles into own .form class

---
 src/index.jade        |  3 +--
 src/styles/style.styl | 17 ++++++++++++++---
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/index.jade b/src/index.jade
index 9c7cbef..f8c9589 100644
--- a/src/index.jade
+++ b/src/index.jade
@@ -54,7 +54,7 @@ html
           section
             .row
               h3 Tule mukaan
-              #invite-form
+              #invite-form.form
 
           section
             .row
@@ -146,7 +146,6 @@ html
               i.fa.fa-facebook
             div#email
 
-
     #fader
     // inject:js
     // endinject
diff --git a/src/styles/style.styl b/src/styles/style.styl
index 4189a67..a5d23e1 100644
--- a/src/styles/style.styl
+++ b/src/styles/style.styl
@@ -106,18 +106,29 @@ section:first-child
     padding 0
     &:first-child
       margin-top 0
+
+
+.form
+  .btn
+    background linkColor
+    border-bottom 2px solid #117280
+  .loader
+    background transparent url('../images/ajax-loader.gif') no-repeat center center
+    display block
+  &.sending
+    .loader
+      width 28px
+      height 28px
+
 .invite-form
   position relative
   .btn
     width 40px
     height 32px
-    background linkColor
     padding 0
     position absolute
     right 8px
     top 7px
-
-    border-bottom 2px solid #117280
     color rgba(255, 255, 255, 0.5)
     &:active
       border-bottom 0