Improve paddings on mobile

clarin-eric · Oct 10, 2024 · 603ff9b · 603ff9b
1 parent f579b90
commit 603ff9b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/scss/modules/field.scss b/scss/modules/field.scss
@@ -8,8 +8,8 @@ body .node--type-k-centre-profile, body .node--type-clarin-centre {
   .field:not(.field--name-field-k-centre-website-url, .field--name-field-centre-contact-email, .field--name-field-centre-contact-name,
     .field--name-field-centre-contact-telephone, .field--name-field-centre-contact-website-url, .field--name-field-centre-contact-eppn) {
     padding-bottom: 0.625rem;
-    padding-left: calc(var(--bs-gutter-x) * .5);
-    padding-right: calc(var(--bs-gutter-x) * .5);
+    padding-left: 0;
+    padding-right: 0;
 
     p {
       margin: 0;

diff --git a/templates/content/node--k-centre-profile--search-result.html.twig b/templates/content/node--k-centre-profile--search-result.html.twig
@@ -126,7 +126,7 @@
     {% endif %}
     {% if content.field_tour_de_clarin_intro.0 or content.field_tour_de_clarin_interview.0 %}
       <div class="tour_de_clarin_fields row">
-        <div class="col-sm-3 p-0 pb-3 my-auto">
+        <div class="col-sm-3 p-0 pb-sm-3 my-auto">
           <a href="/Tour-de-CLARIN">
             <img src="/themes/contrib/clarin_bootstrap/images/tour-de-clarin-logo.png" alt="Tour de CLARIN logo, linking to the 'Tour de CLARIN' section of this website" >
           </a>

diff --git a/templates/content/node--k-centre-profile.html.twig b/templates/content/node--k-centre-profile.html.twig
@@ -39,7 +39,7 @@
       </div>
     {% endif %}
   </header>
-  <div{{ attributes.addClass(node_classes, 'pt-2') }} {{ show_toc ? 'id="tocscope" data-bs-spy="scroll" data-bs-target="#toc" tabindex="0"' }}>
+  <div{{ attributes.addClass(node_classes, 'px-3 pt-2') }} {{ show_toc ? 'id="tocscope" data-bs-spy="scroll" data-bs-target="#toc" tabindex="0"' }}>
     {% if snippet %}
       {{ snippet }}
     {% endif %}