aircox/static/aircox/css/admin.css

@@ -338,7 +338,6 @@
 }
 .a-carousel .a-carousel-viewport {
   box-shadow: inset 0em 0em 20rem var(--a-carousel-bg);
-  margin-bottom: var(--a-carousel-p);
   padding: var(--a-carousel-p) 0;
   margin-top: calc(0rem - var(--a-carousel-p));
 }

aircox/static/aircox/css/chunk-common.css

@@ -6973,6 +6973,7 @@ input.half-field:not(:active):not(:hover) {
   --body-bg: #fff;
   --text-color: black;
   --text-color-light: #555;
+  --break-color: rgb(245, 245, 245);
   --main-color: #EFCA08;
   --main-color-light: #F4da51;
   --main-color-dark: #F49F0A;

aircox/static/aircox/css/public.css

@@ -338,7 +338,6 @@
 }
 .a-carousel .a-carousel-viewport {
   box-shadow: inset 0em 0em 20rem var(--a-carousel-bg);
-  margin-bottom: var(--a-carousel-p);
   padding: var(--a-carousel-p) 0;
   margin-top: calc(0rem - var(--a-carousel-p));
 }
@@ -7329,6 +7328,10 @@ a.tag:hover {
   margin-top: 0.6rem;
   margin-bottom: 1.2rem;
 }
+.page section.container:not(:last-child) {
+  padding-bottom: 0.6rem;
+  border-bottom: 2px var(--break-color) solid;
+}
 .page section.container > .title {
   font-size: var(--title-2-sz);
   clear: both;

aircox/templates/aircox/base.html

@@ -125,11 +125,11 @@ Usefull context:
 
                 {% block content-container %}
                 {% if page and page.content %}
-                <div class="container content page-content">
+                <section class="container content page-content">
                     {% block content %}
                         {{ page.content|safe }}
                     {% endblock %}
-                </div>
+                </section>
                 {% endif %}
                 {% endblock %}
             {% endblock %}

aircox/templates/aircox/home.html

@@ -25,6 +25,8 @@
     {% endwith %}
     </div>
 
+    <hr/>
+
     <a-carousel section-class="card-grid">
         {% for obj in next_diffs|slice:"1:" %}
             {% if object != diffusion %}
@@ -55,7 +57,7 @@
 
 {% if podcasts %}
 <section class="container">
-    <h2 class="title">{% translate "Last podcasts" %}</h2>
+    <h2 class="title is-3 p-2">{% translate "Last podcasts" %}</h2>
     {% include "./widgets/carousel.html" with objects=podcasts url_name="podcast-list" url_label=_("All podcasts") %}
 </section>
 {% endif %}

aircox/templates/aircox/program_detail.html

@@ -5,7 +5,7 @@
 {% block content-container %}
 {% with schedules=program.schedule_set.all %}
 {% if schedules %}
-<section class="container schedules">
+<header class="container schedules">
     {% for schedule in schedules %}
     <div class="schedule">
         <div class="heading">
@@ -29,7 +29,7 @@
         </div>
     </div>
     {% endfor %}
-</section>
+</header>
 {% endif %}
 {% endwith %}
 

assets/src/assets/common.scss

@@ -16,6 +16,7 @@ input.half-field:not(:active):not(:hover) {
     --body-bg: #fff;
     --text-color: black;
     --text-color-light: #555;
+    --break-color: rgb(245, 245, 245);
 
     --main-color: #EFCA08;
     --main-color-light: #F4da51;

assets/src/assets/components.scss

@@ -488,7 +488,6 @@
     .a-carousel-viewport {
         box-shadow: inset 0em 0em 20rem var(--a-carousel-bg);
         // background-color: var(--a-carousel-bg);
-        margin-bottom: var(--a-carousel-p);
         padding: var(--a-carousel-p) 0;
         margin-top: calc( 0rem - var(--a-carousel-p) );
     }

assets/src/assets/public.scss

@@ -17,11 +17,15 @@
         }
     }
 
-
     section.container {
         margin-top: v.$mp-3;
         margin-bottom: v.$mp-4;
 
+        &:not(:last-child) {
+            padding-bottom: calc(v.$mp-4 / 2);
+            border-bottom: 2px var(--break-color) solid;
+        }
+
         > .title {
             font-size: var(--title-2-sz);
             clear: both;