v1.7.3/update donation costs and styling

website/styles/extralarge.css

@@ -38,7 +38,7 @@ body {
 }
 
 .donate.card-grid .support-card {
-  display: inline-block !important;
+  display: inline-flex !important;
 }
 
 .text-section .info {

website/styles/extrasmall.css

@@ -36,7 +36,8 @@ input::-webkit-inner-spin-button {
 input {
   -moz-appearance: textfield;
   color: var(--color-secondary);
-  max-width: calc(100% - 10rem);
+  max-width: calc(100% - 6.5rem - 2px);
+  width: calc(100% - 6.5rem - 2px);
   max-width: --webkit-fill-available;
   margin: 2.5rem 0;
   padding: 1.5rem;
@@ -219,6 +220,11 @@ a.big-button::after {
   margin-top: 1.5rem;
 }
 
+.info .info-text > div {
+  max-width: 100%;
+  width: 100%;
+}
+
 .supported.text-section {
   position: relative;
   margin-top: 20rem;
@@ -307,6 +313,10 @@ a.big-button::after {
   flex: 1;
 }
 
+.features.card-grid .support-card img {
+  flex: unset;
+}
+
 .features.card-grid .support-card .img-wrapper {
   flex: 1;
   display: flex;

website/styles/large.css

@@ -85,7 +85,7 @@ body {
 }
 
 #donate input {
-  max-width: calc(100% - 15rem);
+  max-width: calc(100% - 10.5rem);
   width: 100%;
 }
 

website/styles/medium.css

@@ -30,6 +30,10 @@ a.title {
   font-size: 2.5rem;
 }
 
+input {
+  max-width: calc(100% - 9.5rem - 2px);
+}
+
 .big-button {
   display: inline-block;
   font-size: 1.8rem;
@@ -73,6 +77,11 @@ a.title {
   flex: 1;
 }
 
+.text-section .info .info-text > div {
+  max-width: calc(50% - 3rem);
+  width: calc(50% - 3rem);
+}
+
 .text-section .info .info-text h4.sub-title {
   margin-top: 3rem;
   padding-right: 3rem;