src/themes/cgspace: minor adjustment to spacing on home-news

Since we only have four elements here we can use more appropriate Bootstrap classes to have these be spaced more naturally.
ilri · Dec 21, 2023 · d455b84 · d455b84
1 parent 380c0b9
commit d455b84
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/themes/cgspace/app/home-page/home-news/home-news.component.html b/src/themes/cgspace/app/home-page/home-news/home-news.component.html
@@ -11,9 +11,9 @@ <h1>Welcome to CGSpace</h1>
     </div>
 
     <div class="container">
-      <section class="row justify-content-center pt-4">
-        <!-- Responsive: two columns on mobile to medium, six on large -->
-        <div class="col-6 col-sm-6 col-lg-2 mb-4">
+      <section class="row pt-4">
+        <!-- Responsive: two columns on mobile to medium, four on large -->
+        <div class="col-6 col-sm-6 col-lg-3 mb-4">
           <a class="text-decoration-none" routerLink="/community-list">
               <div class="d-flex pb-4 justify-content-center">
                   <i class="text-body fa-solid fa-globe fa-2xl"></i>
@@ -23,7 +23,7 @@ <h1>Welcome to CGSpace</h1>
               </div>
           </a>
         </div>
-        <div class="col-6 col-sm-6 col-lg-2 mb-4">
+        <div class="col-6 col-sm-6 col-lg-3 mb-4">
           <a class="text-decoration-none" routerLink="/search">
               <div class="d-flex pb-4 justify-content-center">
                   <i class="text-body fa-solid fa-search fa-2xl"></i>
@@ -33,7 +33,7 @@ <h1>Welcome to CGSpace</h1>
               </div>
           </a>
         </div>
-        <div class="col-6 col-sm-6 col-lg-2 mb-4">
+        <div class="col-6 col-sm-6 col-lg-3 mb-4">
           <a class="text-decoration-none" target="_blank" href="https://cgspace.cgiar.org/explorer">
               <div class="d-flex pb-4 justify-content-center">
                   <i class="text-body fa-solid fa-chart-area fa-2xl"></i>
@@ -43,7 +43,7 @@ <h1>Welcome to CGSpace</h1>
               </div>
           </a>
         </div>
-        <div class="col-6 col-sm-6 col-lg-2 mb-4">
+        <div class="col-6 col-sm-6 col-lg-3 mb-4">
           <a class="text-decoration-none" target="_blank" href="https://ifpri.libguides.com/using-CGSpace">
               <div class="d-flex pb-4 justify-content-center">
                   <i class="text-body fa-solid fa-book fa-2xl"></i>