small changes to publications and research related pages

_sass/minimal-mistakes/_base.scss

@@ -285,10 +285,23 @@ figure {
   }
 
   &.research_icons {
+
+    display: flex;        // Make the figure a flex container
+    flex-wrap: wrap;      // Allow icons to wrap to the next line
+    justify-content: center; // Center the icons horizontally within the figure
+    align-items: center;  // Align icons vertically (if they have different heights)
+    gap: 1em;            // This sets a 16px gap between rows AND columns. Adjust as needed.
     > p,
     > a {
 
-      font-size: 0%;
+    display: flex;          // Make the <a> a flex container too
+    flex-direction: column; // Stack image and text vertically
+    align-items: center;    // Center content of <a> (image, text)
+    text-decoration: none;  // Remove underline from links
+
+    width: calc(12% - 1.2em);
+
+    font-size: 0%;
 
       @include breakpoint($small) {
         font-size: 0%;
@@ -305,20 +318,9 @@ figure {
       @include breakpoint($large) {
         font-size: 85%;
       }
-
+    img {
+      margin-bottom: 0.3em; // Space between image and text label
     }
-  }
-
-  &.research_icons {
-    > p,
-    > a,
-    > img {
-
-      width: calc(15% - 0.2em);
-    }
-
-    figcaption {
-      width: 100%;
     }
   }
 }