donate

SilentImp · SilentImp · commit b58ef613a997 · 2015-12-09T13:53:55.000+02:00
diff --git a/handlers/donate/templates/newOrder.jade b/handlers/donate/templates/newOrder.jade
@@ -22,24 +22,25 @@ block content
 
   +b("form").complex-form(data-order-form)
     +e.step._current
-      +e('h2').alternate-title Сумма
+      +e('h2').alternate-title Сумма поддержки
 
-      p= orderTemplate.description
+      +e(p).description= orderTemplate.description
 
       +b.text-input
-        +e('input').control(name="amount", required, type="number")
-      select(name="currency" data-order-currency)
+        +e('input').control._big(name="amount", required, type="number")
+      
+      +b('select').input-select._big(name="currency" data-order-currency)
        option(value="RUB") RUB
        option(value="USD") USD
        option(value="EUR") EUR
 
       if (!user)
-        +e('h2').alternate-title Укажите свой email
+        +e('h2').alternate-title Ваш email
         +b.text-input.__email
-          +e('input').control(placeholder="my@email.com", name="email", required, type="email")
-        +e.email-note Для истории
+          +e('input').control._big(placeholder="my@email.com", name="email", required, type="email")
+        +e(p).description Мы пришлем вам подтверждение и запишим вас в исторический список поддержавших проект
 
-      +e('h2').alternate-title Выберите метод
+      +e('h2').alternate-title Выберете метод оплаты
       +e.body
         +b.extract._small.__extract
           include ../../payments/common/templates/payment-methods
diff --git a/styles/blocks/complex-form/complex-form.styl b/styles/blocks/complex-form/complex-form.styl
@@ -21,6 +21,14 @@
         max-width 490px
         margin auto
 
+    &__description
+        max-width 500px
+        margin 20px auto 40px
+        font-size 14px
+        line-height 19px
+        color #20252B
+        font-family 'Open Sans', Helvetica, Arial, sans-serif
+
     &__step
         @extend $yellow-border
         display none
@@ -52,7 +60,7 @@
         color #333
 
     &__email
-        width 250px
+        width 350px
 
     &__email-note
         font-size 12px
diff --git a/styles/blocks/donate/donate.styl b/styles/blocks/donate/donate.styl
@@ -0,0 +1,26 @@
+.donate
+  max-width 780px
+  margin auto
+
+  &__currency
+    width 83px
+    margin-left 10px
+    padding 10px 4px 10px 10px
+    vertical-align middle
+  &__value
+    padding 10px 4px
+    height 38px
+    vertical-align middle
+  &__email
+    padding 10px 4px
+    height 38px
+    vertical-align middle
+  &__title
+    font-size 12px
+  &__description
+    max-width 500px
+    margin 20px auto 40px
+    font-size 14px
+    line-height 19px
+    color #20252B
+    font-family 'Open Sans', Helvetica, Arial, sans-serif
diff --git a/styles/blocks/input-select/input-select.styl b/styles/blocks/input-select/input-select.styl
@@ -38,9 +38,13 @@
     &:-moz-focusring
         color transparent
         text-shadow 0 0 0 #000
-
+    &_big
+        width 83px
+        margin-left 10px
+        padding 10px 4px 10px 10px
+        vertical-align middle
     &_small
         line-height 14px
         font-size 14px
         padding 0 25px 0 10px
-        height 32px
+        height 32px
diff --git a/styles/blocks/text-input/text-input.styl b/styles/blocks/text-input/text-input.styl
@@ -13,6 +13,11 @@
         margin 0
         height 34px // Safari
 
+        &_big
+            padding 10px 4px
+            height 38px
+            vertical-align middle
+
     &_with-aside &__control
         padding-right 85px
 
