donate: visual updates

donate/static/donate/assets/css/style.css

@@ -715,8 +715,8 @@ footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
 
 .custom-control-input:checked ~ .custom-control-label::before {
 	color: #fff;
-	border-color: #28a745;
-	background-color: #28a745;
+	border-color: #d02d40;
+	background-color: #d02d40;
 }
 
 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
@@ -1136,3 +1136,11 @@ img.full-width {
   width: 635px;
   height: auto;
 }
+
+.btn-danger {
+  background-color: #d02d40;
+}
+
+.btn-wide {
+  width: 250px;
+}

donate/templates/donate/donate_home_page.html

@@ -15,10 +15,10 @@
           <p class="lead mb-4">{{ page.lead_body }}</p>
           <div class="row align-items-center">
             <div class="col-12 col-md-auto mb-4 mb-md-0">
-              <a href="#strana" class="btn btn-dark btn-lg js-scroll-anchor">Chci darovat <i class="icon-chevron-right ml-2"></i></a>
+              <a href="#strana" class="btn btn-danger btn-lg btn-wide js-scroll-anchor">Chci darovat <i class="icon-chevron-right ml-2"></i></a>
             </div><!-- /column -->
             <div class="col-12 col-md-auto">
-              <a href="{{ page.info_page_url }}" class="btn btn-light btn-lg">Chci vědět více <i class="icon-chevron-right ml-2"></i></a>
+              <a href="{{ page.info_page_url }}" class="btn btn-dark btn-lg btn-wide">Chci vědět více <i class="icon-chevron-right ml-2"></i></a>
             </div><!-- /column -->
           </div> <!-- /row -->
         </div><!-- /column -->
@@ -94,7 +94,7 @@
             </div>
             <div class="form-group row mb-0">
               <div class="col-12">
-                <button type="submit" class="btn btn-success btn-lg">Darovat</button>
+                <button type="submit" class="btn btn-danger btn-lg">Darovat</button>
               </div>
             </div>
           </form>

donate/templates/donate/donate_project_page.html

@@ -117,7 +117,7 @@
                   </div>
                   <div class="form-group row mb-0">
                     <div class="col-12">
-                      <button type="submit" class="btn btn-success btn-lg">Darovat</button>
+                      <button type="submit" class="btn btn-danger btn-lg">Darovat</button>
                     </div>
                   </div>
                 </form>

donate/templates/donate/donate_region_page.html

@@ -79,7 +79,7 @@
                 </div>
                 <div class="form-group row mb-0">
                   <div class="col-12">
-                    <button type="submit" class="btn btn-success btn-lg">Darovat</button>
+                    <button type="submit" class="btn btn-danger btn-lg">Darovat</button>
                   </div>
                 </div>
               </form>