improve mobile rendering of donations and footer

css/style.css

@@ -936,14 +936,15 @@ img.transparent {
 .goals-item {
   position: relative;
   width: 28% !important;
-  min-width: 200px;
-  min-height: 180px;
+  min-width: 250px;
+  max-width: 350px;
+  min-height: 250px;
   border: none;
   box-shadow: 10px 10px 38px 0px rgba(0, 0, 0, 0.25);
   margin: 2% !important;
   color: #555;
   background-color: #ffffff;
-  padding: 3%;
+  padding: 20px 3% 0;
 }
 
 .goals-item-lock {
@@ -956,7 +957,7 @@ img.transparent {
 
 .goals .center {
     text-align: center;
-    margin: -1em 0 3em;
+    margin: 0;
 }
 
 .goals .right {
@@ -1201,7 +1202,7 @@ footer .dot {
 
 footer #footer-links {
     text-align: center;
-    width: 60%;
+    width: 100%;
 }
 
 footer ul.footer-links {
@@ -1214,13 +1215,13 @@ footer ul.footer-links {
 footer ul.footer-icons {
   display: flex;
   justify-content: end;
-  margin-right: 30px;
+  margin-right: 10%;
   align-items: center;
 }
 
 footer div#footer-links ul li {
-  padding-left: 20px;
-  padding-right: 20px;
+  padding-left: 2%;
+  padding-right: 2%;
   margin: 0;
   padding-top: 13px;
 }

languages.yaml

@@ -1,24 +1,24 @@
 en:
   Terms_Of_Service: "Terms Of Service"
   Privacy_Policy: "Privacy Policy"
-  Changelog: "Changelog"
+  Changelog: "Change­log"
 
 fr:
   Terms_Of_Service: "Conditions d'utilisation"
   Privacy_Policy: "Politique de confidentialité"
-  Changelog: "Changelog"
+  Changelog: "Change­log"
 
 es:
   Terms_Of_Service: "Al utilizar cualquiera"
   Privacy_Policy: "Política de Privacidad"
-  Changelog: "Changelog"
+  Changelog: "Change­log"
 
 de:
   Terms_Of_Service: "Nutzungs­bedingungen"
   Privacy_Policy: "Datenschutz­erklärung"
-  Changelog: "Changelog"
+  Changelog: "Change­log"
 
 it:
   Terms_Of_Service: "Utilizzando i servizi"
   Privacy_Policy: "Informativa sulla privacy"
-  Changelog: "Changelog"
+  Changelog: "Change­log"

templates/partials/footer.html.twig

@@ -1,5 +1,7 @@
 <footer>
-    <div id="footer-logo" ><a href="{{ base_url }}/contact"></a></div>
+    <div id="footer-logo" >
+    <ul class="footer-icons"></ul>
+    </div>
     <div id="footer-links">
         <ul class="footer-links">
             <li>Copyleft Disroot.org</li>