fix anchors in the join page

Author: AmandaKhol

apps/about/templates/about/join.html

@@ -7,9 +7,9 @@
 {% block content %}
 
 <div class="content box">
+<div id="join" class="section anchor">
 
-<a id="join"></a>
-<h1 class="dyn-anchor-heading">
+<h1  class="dyn-anchor-heading" >
   No nos mires, ¡únete! <i class="fas fa-people-carry"></i>
   <a class="dyn-anchor-link" href="#join"><i class="fas fa-link"></i></a>
 </h1>
@@ -31,8 +31,9 @@ <h1 class="dyn-anchor-heading">
 <p>Si ya eres socio/a, pulsa en el siguiente botón para aceder:</p>
 <a class="button is-link" href="{% url 'members:login' %}">Acceso para socios/as</a>
 
-<a id="fee"></a>
-<h2 class="dyn-anchor-heading">
+</div>
+<div id="fee" class="section anchor">
+<h2 class="dyn-anchor-heading ">
   Cuota
   <a class="dyn-anchor-link" href="#fee"><i class="fas fa-link"></i></a>
 </h2>
@@ -42,9 +43,9 @@ <h2 class="dyn-anchor-heading">
   <li><span class="tag is-info is-medium">20€</span> Importe general.</li>
   <li><span class="tag is-primary is-medium">10€</span> Estudiantes y/o personas desempleadas.</li>
 </ul>
-
-<a id="method"></a>
-<h2 class="dyn-anchor-heading">
+</div>
+<div id="method" class="section anchor">
+<h2  class="dyn-anchor-heading ">
   Procedimiento para convertirse/renovar como socio/socia
   <a class="dyn-anchor-link" href="#method"><i class="fas fa-link"></i></a>
 </h2>
@@ -84,7 +85,7 @@ <h2 class="dyn-anchor-heading">
   <br>
   <i class="fas fa-bell"></i> En caso de renovar, no es necesario indicar nickname, teléfono y dirección, salvo para actualizar datos.
 </p>
-
+</div>
 </div>
 
 {% endblock content %}

apps/commons/static/commons/css/dyn-anchors.scss

@@ -13,3 +13,6 @@
     }
   }
 }
+.anchor {
+  scroll-margin-top:  $header-height + 1rem;
+}

apps/events/static/events/css/event/venue.scss

@@ -57,6 +57,3 @@
   }
 }
 
-.anchor {
-  scroll-margin-top: 2.1rem;
-}