main-donation-box-message.html

@@ -132,7 +132,7 @@
             </div>
             <div class="donate-row">
               <div class="d-flex position-relative">
-                <div class="align-items-center d-flex h-100 position-absolute ps-5 start-0 top-0 z-2">
+                <div class="align-items-center d-flex h-100 position-absolute ps-3 start-0 top-0 z-2">
                   <span class="fs-4 js-value-symbol text-color-primary">€</span>
                 </div>
                 <input class="form-control input-one-time-donate js-input-one-time-donate text-center" min="5" max="999999" type="number">

main-donation-box.html

@@ -77,7 +77,7 @@
       <h2 class="mb-5">Donate, just <strong>once</strong></h2>
       <div class="donate-row pb-4">
         <div class="d-flex position-relative">
-          <div class="align-items-center d-flex h-100 position-absolute ps-5 start-0 top-0 z-2">
+          <div class="align-items-center d-flex h-100 position-absolute ps-3 start-0 top-0 z-2">
             <span class="fs-4 js-value-symbol text-color-primary">€</span>
           </div>
           <input class="form-control input-one-time-donate js-input-one-time-donate text-center" min="5" max="999999" type="number">

sass/custom.sass

@@ -153,11 +153,14 @@ input
 .btn
   transition: all var(--transition-speed-slow)
 
+.btn-lg,
+.form-control
+  padding-bottom: calc(var(--spacer) * .75) !important
+  padding-top: calc(var(--spacer) * .75) !important
+
 .btn-lg
   font-size: var(--fs-h4)
   line-height: calc(var(--spacer) * 1.25) !important
-  padding-bottom: calc(var(--spacer) * 2) !important
-  padding-top: calc(var(--spacer) * 2) !important
 
 .btn-link
   border: 2px solid var(--btn-color) !important
@@ -193,7 +196,7 @@ input
 
 .btn-row-tabbed
   background-color: var(--btn-color-bg)
-  +padding(2)
+  +padding(1)
 
 .btn-primary
   --btn-color-bg: var(--color-accent)
@@ -238,14 +241,22 @@ input
   grid-template-columns: 1fr 2fr
 
 .form-control
-  height: auto
-
   &.input-one-time-donate
     color: var(--color-accent)
 
     &:focus
       color: var(--color-accent)
 
+select
+  &.form-control
+    font-size: var(--fs-sm)
+    height: auto
+    line-height: var(--spacer)
+    padding: var(--spacer-1) var(--spacer-2) !important
+
+    &:hover
+      cursor: pointer
+
 .img-badge
   height: calc(var(--spacer) * 4)
   min-width: calc(var(--spacer) * 4)