add margins and fix of the footer layout

Author: AmandaKhol

apps/commons/static/commons/css/base.scss

@@ -30,14 +30,18 @@ body {
 .content-page {
   max-width: 59rem;
   min-height: calc(100vh - #{$navbar-height} - #{$footer-height} + 1px);
-  padding: 2rem 0rem 5rem 0rem;
+  padding: 2rem 1.2rem 5rem 1.2rem;
 
   @include from($custom-mobile) {
     & > .box {
       padding: 2rem;
     }
   }
 
+  @include from($desktop){
+    padding: 2rem 0rem 5rem 0rem;
+  }
+
   &.is-wide {
     max-width: 80rem;
   }
@@ -46,10 +50,13 @@ body {
     max-width: 47rem;
   }
 }
-
+/
+ 
 .footer-page {
   background-color: $footer-bg;
   position: relative;
+  margin-top: 2em;
+  padding: 1.5em 1.5em 2.2em 1.5em;
 
   a {
     color: $footer-fg;
@@ -62,22 +69,14 @@ body {
   .footer-column {
     color: #ebebeb;
     padding-top: 2rem;
-    padding-bottom: 0.5rem;
-
-    @include from($desktop) {
-      padding-top: 2rem;
-      padding-bottom: 3rem;
-    }
+  
   }
 
   h1,
   h2 {
     color: whitesmoke;
   }
 
-  i {
-    padding-right: 0.2rem;
-  }
 }
 
 /* Error class for Django Forms https://bit.ly/3vidyK2 */

apps/commons/templates/footer.html

@@ -1,5 +1,5 @@
 {% load utils %}
-<footer class="footer-page has-text-centered" style="margin-top: 4em;">
+<footer class="footer-page has-text-centered">
   <a class="footer-button" id="scrollToTopBtn" href=""
     ><img
       class="footer__button--image"
@@ -8,7 +8,7 @@
       titile="scroll button up"
   /></a>
   <div class="columns">
-    <div class="column has-text-weight-light">
+    <div class="column has-text-weight-light is-one-third-desktop">
       <div class="footer-column">
         <h2 class="subtitle"><i class="fas fa-award"></i> Créditos</h2>
         <ul class="footer-column-items">
@@ -23,7 +23,11 @@ <h2 class="subtitle"><i class="fas fa-award"></i> Créditos</h2>
       <div class="footer-column">
         <h2 class="subtitle"><i class="fas fa-copyright"></i> {{ organization.name }}</h2>
         <ul class="footer-column-items">
-          <li>{{ organization.full_address }}</li>
+          <li>{{ organization.address }}</li>
+          {% if organization.rest_address %}
+          <li>{{ organization.rest_address }}</li>
+          {% endif %}
+          <li>{{ organization.postal_code }}, {{ organization.city }}</li>
           <li><a href="mailto:{{ organization.email }}">{{ organization.email }}</a></li>
           <li><a href="{% url 'about:index' %}">Sobre la asociación</a></li>
         </ul>