No space between link elements when map layer moreInfoLink and downloadLink are both populated

[iannesbitt]

Describe the bug
When a CesiumJs map layer has both the moreInfoLink and the downloadLink fields populated, the resulting page elements don’t have any separation between them. See below screenshot.

To Reproduce
Steps to reproduce the behavior:

1. Example layer config in AppConfig:

   "layers": [
     {
       label: "Site1 LiDAR",
       type: "Cesium3DTileset",
       description: "Data are available for download at: https://arcticdata.io/data/10.57902/D74W2T",
       visible: false,
       moreInfoLink: "/view/urn%3Auuid%3Aed2b0fd7-2a39-42f8-883e-e9f54af1b1f2",
       downloadLink: "https://arcticdata.io/data/10.57902/D74W2T/Site1.laz",
       attribution: "",
       cesiumOptions: {
         url: "https://arcticdata.io/data/tiles/10.57902/D74W2T/Site1/tileset.json",
         foveatedConeSize: 1,
         foveatedScreenSpaceError: true,
         foveatedTimeDelay: 0.0,
         dynamicScreenSpaceError: true,
       },
     },
   ],

2. Navigate to Cesium map
3. Click on corresponding layer in layer picker
4. Under INFO & DATA heading of the layer info box, resulting FULL DETAILS and DOWNLOAD DATA elements appear side-by-side with no space between.

Expected behavior
Link elements should have space between them.

Screenshots

Desktop (please complete the following information):

• OS: MacOS 12.3
• Browser: Firefox
• Version: 114.0.2

[iannesbitt]

Added context: this problem only happens when there is nothing populating the description or attribution fields. Adding one or both of those fields seems to add space between the link elements.

When attribution is added:

When description and attribution are added: