fix: optimize donation for mobile (#37803)

2019-12-06 10:30:53 +03:00
parent d7c4fd7fea
commit daf3a53e55
1 changed files with 13 additions and 0 deletions
--- a/client/src/components/Donation/Donation.css
+++ b/client/src/components/Donation/Donation.css
@ -163,6 +163,19 @@ li.disabled > a {
  padding: 20px;
 }

+@media (max-width: 991px) {
+  .donate-text {
+    margin-top: 30px;
+  }
+}
+
+@media (max-width: 400px) {
+  .donate-tabs > .nav-pills > li > a {
+    font-size: 0.8rem;
+    padding: 10px 5px;
+  }
+}
+
 .heart-icon-container {
  display: flex;
  flex-direction: column;