style changes

hosting/locale/de/LC_MESSAGES/django.po

@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2017-08-24 11:12+0000\n"
+"POT-Creation-Date: 2017-08-29 14:38+0530\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -330,6 +330,25 @@ msgstr "Deine Kreditkartennummer"
 msgid "Reset your password"
 msgstr "Passwort zurücksetzen"
 
+#, fuzzy
+#| msgid "VM Settings"
+msgid "My Settings"
+msgstr "VM Einstellungen"
+
+msgid "Last"
+msgstr ""
+
+#, fuzzy
+#| msgid "Card Type"
+msgid "Type"
+msgstr "Kartentyp"
+
+msgid "You are not making any payment here."
+msgstr ""
+
+msgid "Add new Card"
+msgstr ""
+
 msgid "Add your public SSH key"
 msgstr "Füge deinen öffentlichen SSH-Key hinzu"
 

hosting/static/hosting/css/commons.css

@@ -253,12 +253,24 @@
 .settings-container .card-cvc-element {
   padding: 0 15px;
 }
+.settings-container .card-cvc-element .my-input,
+.settings-container .card-cvc-element label {
+  padding-left: 0;
+}
 
 .settings-container .stripe-payment-btn {
   float: none;
   position: static;
 }
 
+.settings-container h3 {
+  font-weight: bold;
+}
+
+.settings-container hr {
+  margin-top: 15px;
+}
+
 .credit-card-form {
   max-width: 360px;
 }

hosting/templates/hosting/settings.html

@@ -26,16 +26,16 @@
                         <div>
                             {% if credit_card_data.last4 %}
                                 <form role="form" id="payment-form-with-creditcard" novalidate>
-                                    <h5 class="billing-head">Credit Card</h5>
+                                    <h5 class="billing-head">{% trans "Credit Card" %}</h5>
-                                    <h5 class="membership-lead">Last 4: *****{{credit_card_data.last4}}</h5>
+                                    <h5 class="membership-lead">{% trans "Last" %} 4: *****{{credit_card_data.last4}}</h5>
-                                    <h5 class="membership-lead">Type: {{credit_card_data.cc_brand}}</h5>
+                                    <h5 class="membership-lead">{% trans "Type" %}: {{credit_card_data.cc_brand}}</h5>
                                     <input type="hidden" name="credit_card_needed" value="false"/>
                                 </form>
                                 <div class="row">
                                     <div class="col-xs-12">
                                             {% if not messages and not form.non_field_errors %}
                                                 <p class="card-warning-content card-warning-addtional-margin">
-                                                    {% blocktrans %}You are not making any payment yet. After submitting your card information, you will be taken to the Confirm Order Page.{% endblocktrans %}
+                                                    {% blocktrans %}You are not making any payment here.{% endblocktrans %}
                                                 </p>
                                             {% endif %}
                                             <div id='payment_error'>
@@ -62,7 +62,7 @@
                                         </div>
                                     </div>
                                 </div>
-                            {% endif %}
+                            {% else %}
                                 <h4>{% trans "Add new Card" %}</h4>
                                 <form action="" id="payment-form-new" class="credit-card-form" method="POST">
                                     <input type="hidden" name="token"/>
@@ -90,7 +90,7 @@
                                     <div>
                                         {% if not messages and not form.non_field_errors %}
                                             <p class="card-warning-content">
-                                            {% blocktrans %}You are not making any payment here. After submitting your card information, you will be taken to the Confirm Order Page.{% endblocktrans %}
+                                                {% blocktrans %}You are not making any payment here.{% endblocktrans %}
                                             </p>
                                         {% endif %}
                                         <div id='payment_error'>
@@ -120,6 +120,7 @@
                                         <p class="payment-errors"></p>
                                     </div>
                                 </form>
+                            {% endif %}
                         </div>
                     </div>
                 </div>