Merge pull request #300 from ELIXIR-Belgium/gutter-layout

Wider gutter when in desktop mode
ELIXIR-Belgium · Dec 3, 2024 · c47ad4a · c47ad4a
2 parents 795bafe + 2975ea6
commit c47ad4a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,5 +1,5 @@
 <footer id="footer">
-    <div class="container py-1 py-4">
+    <div class="container py-4 g-lg-5">
         <div class="row g-4 d-flex justify-content-between">
             {%- for column in site.data.footer.columns %}
             {%- if column.type == "image" %}
@@ -38,8 +38,8 @@
         </div>
         {%- endunless %}
     </div>
-    <div class="copyright p-4">
-        <div class="container d-flex justify-content-between flex-column flex-lg-row">
+    <div class="copyright py-4">
+        <div class="container g-lg-5 d-flex justify-content-between flex-column flex-lg-row">
             {%- unless site.data.footer.copyright == nil %}
             <div class="d-flex align-items-center mb-3 mb-lg-0 mx-auto mx-lg-0 text-center">{{ site.data.footer.copyright | markdownify }}</div>
             {%- endunless %}

diff --git a/_includes/topnav.html b/_includes/topnav.html
@@ -3,7 +3,7 @@
     <a class="visually-hidden-focusable" href='#main'>Skip to content</a>
     <a class="visually-hidden-focusable" href='#footer'>Skip to footer</a>
     <nav class="navbar navbar-{{ site.theme_variables.topnav.theme | default: 'light' }} navbar-expand-lg mb-3 mb-lg-5">
-        <div class="container">
+        <div class="container g-lg-5">
             <a class="navbar-brand flex-grow-1 overflow-x-auto" href="{{ '/' | relative_url }}"><img class="{% if site.topnav_title %}me-3 {% endif %}img-fluid" alt="{{site.title}} logo" src="{{ site.theme_variables.topnav.brand_logo | default: 'assets/img/main_logo.svg' | relative_url }}">{% if site.topnav_title %}<span class="me-0 me-lg-3">{{site.topnav_title}}</span>{% endif %}</a>
             <button class="navbar-toggler text-primary" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                 <i title="navbar-toggler" class="fa-solid fa-bars"></i>

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -6,7 +6,7 @@
     {% if jekyll.environment == "development" and site.theme_variables.dev-info-banner == true %}{% include dev-info.html %}{% endif %}
     {% include topnav.html %}
     <!-- Page Content -->
-    <div class="container flex-grow-1">
+    <div class="container g-lg-5 flex-grow-1">
         <!-- Content Row -->
         <div {% unless page.sidebar == nil or page.sidebar == false %}id="layout" class="gap-5"{% endunless %}>
             <!-- Sidebar -->