Adjust spacing between accordion items

googlefonts · Mar 6, 2025 · f7928d9 · f7928d9
1 parent bafc218
commit f7928d9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src-js/views-fontinfo/src/panel-font-info.js b/src-js/views-fontinfo/src/panel-font-info.js
@@ -155,6 +155,12 @@ export class FontInfoPanel extends BaseInfoPanel {
     }));
     const customDataList = new CustomDataList(cutomDataController, customDataInfos);
     const accordion = new Accordion();
+
+    accordion.appendStyle(`
+      #general {
+        padding-bottom: 1em;
+      }
+      `);
     const accordionItems = [
       {
         label: translate("sources.labels.general"),

diff --git a/src-js/views-fontinfo/src/panel-sources.js b/src-js/views-fontinfo/src/panel-sources.js
@@ -757,7 +757,7 @@ class SourceBox extends HTMLElement {
   gap: 0.5em;
   align-items: start;
   align-content: start;
-  padding-bottom: 2em;
+  padding-bottom: 1em;
 }
 
 .fontra-ui-font-info-sources-panel-line-metrics-hor {
@@ -1019,7 +1019,7 @@ function buildFontGuidelineList(controller) {
 
   updateRemoveButton(labelList, addRemoveButton);
 
-  return html.div({ style: "display: grid; grid-gap: 0.3em; padding-bottom: 2em;" }, [
+  return html.div({ style: "display: grid; grid-gap: 0.3em; padding-bottom: 1em;" }, [
     labelList,
     addRemoveButton,
   ]);