web: Final fixes for donate form layout.
authorMarcus Brinkmann <marcus.brinkmann@ruhr-uni-bochum.de>
Thu, 18 May 2017 16:14:57 +0000 (18:14 +0200)
committerMarcus Brinkmann <marcus.brinkmann@ruhr-uni-bochum.de>
Thu, 18 May 2017 16:14:57 +0000 (18:14 +0200)
web/donate/donate.de.org
web/donate/donate.org

index 92e1466..e4a4fc5 100644 (file)
@@ -48,7 +48,7 @@
   </nav>
 
   <div class="camp-gutter container"> <div class="row"> <div
-    class="col-md-8 col-md-offset-2"> <h1>Unterstützen Sie GnuPG</h1>
+    class="col-sm-8 col-sm-offset-2"> <h1>Unterstützen Sie GnuPG</h1>
         <p>Um Ihre Spende zu verarbeiten, benötigen wir einige
         Informationen.  Diese Informationen werden ausschliesslich für den
         Bezahlprozess erhoben und werden niemals an nicht direkt an dem
@@ -59,7 +59,7 @@
     </div>
 
     <div class="row">
-      <div class="col-md-8 col-md-offset-2">
+      <div class="col-sm-8 col-sm-offset-2">
         <!--ERRORPANEL-->
       </div>
     </div>
 
       <!-- Amount and currency input field -->
       <div class="form-group">
-        <label for="inputType" class="col-md-2 control-label">
+        <label for="inputType" class="col-xs-12 col-sm-2 control-label">
           Betrag <!--ERR_AMOUNT-->
         </label>
-        <div class="col-md-3">
+        <div class="col-xs-12 col-sm-3">
           <input type="text" class="form-control"
                  name="amount" id="amountother" placeholder=""
                  value=""/><!--AMOUNT-->
         </div>
-        <div class="col-md-2">
+        <div class="col-xs-12 col-sm-3 col-lg-2">
           <select class="form-control" name="currency" id="currency">
             <option value="EUR" selected="selected"><!--SEL_EUR-->Euro</option>
             <option value="USD" ><!--SEL_USD-->US Dollar</option>
@@ -91,7 +91,7 @@
 
       <!-- Custom amounts -->
       <div class="form-group">
-        <div class="col-md-offset-2 col-md-6">
+        <div class="col-sm-offset-2 col-sm-6">
           <div class="btn-group btn-group-xs" role="group"
                aria-label="vorgeschlagene Beträge">
             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=500&s_cur=eur&lang=de"
 
       <!-- Recurring -->
       <div class="form-group">
-        <label for="recur" class="col-md-2 control-label">Dauerauftrag</label>
-        <div class="col-md-2">
+        <label for="recur" class="col-sm-2 control-label">Dauerauftrag</label>
+        <div class="col-sm-2">
           <select class="form-control" name="recur">
             <option value="0"
             selected="selected"><!--RECUR_NONE-->nein</option>
 
       <!-- Pay using -->
       <div class="form-group">
-        <label for="paytype" class="col-md-2 control-label">
+        <label for="paytype" class="col-sm-2 control-label">
          Bezahlen mit <!--ERR_PAYTYPE-->
        </label>
-        <div class="col-md-6">
+        <div class="col-sm-6">
           <div class="radio">
             <label>
               <input type="radio" name="paytype" id="cc"
 
       <!-- Name -->
       <div class="form-group">
-        <label for="name" class="col-md-2 control-label">
+        <label for="name" class="col-sm-2 control-label">
           Name <!--ERR_NAME-->
           <p class="text-muted"><small>(optional)</small></p>
         </label>
-        <div class="col-md-6">
+        <div class="col-sm-6">
           <input type="text" class="form-control" name="name"
                  id="f_name" placeholder="Name (optional)"
                  value=""/><!--NAME-->
 
       <!-- Email -->
       <div class="form-group">
-        <label for="mail" class="col-md-2 control-label">
+        <label for="mail" class="col-sm-2 control-label">
           E-Mail <!--ERR_MAIL-->
           <p class="text-muted"><small>(optional)</small></p>
         </label>
-        <div class="col-md-6">
+        <div class="col-sm-6">
           <input type="email" class="form-control" name="mail"
                  id="f_mail" placeholder="E-Mail (optional)"
                  value=""/><!--MAIL-->
 
       <!-- Message -->
       <div class="form-group">
-        <label for="message" class="col-md-2 control-label">
+        <label for="message" class="col-sm-2 control-label">
           Nachricht
           <p class="text-muted"><small>(optional)</small></p>
         </label>
-        <div class="col-md-6">
+        <div class="col-sm-6">
           <textarea class="form-control" name="message" id="f_message"
                     rows="4"
                     ></textarea><!--MESSAGE-->
         </div>
       </div>
       <div class="row">
-        <div class="col-md-offset-2">
+        <div class="col-sm-offset-2">
           <button type="submit" class="btn btn-primary btn-large"
                   >Mit der Spende fortfahren</button>
         </div>
index 2ce7f28..cb0ade5 100644 (file)
@@ -81,7 +81,7 @@
                  name="amount" id="amountother" placeholder=""
                  value=""/><!--AMOUNT-->
         </div>
-        <div class="col-xs-7 col-sm-2">
+        <div class="col-xs-7 col-sm-3 col-lg-2">
           <select class="form-control" name="currency" id="currency">
             <option value="EUR" selected="selected"><!--SEL_EUR-->Euro</option>
             <option value="USD" ><!--SEL_USD-->US Dollar</option>