// Compact Mode Plugin for BetterCurseForge
// Reduces padding and spacing for a denser UI layout

const removeCSS = BetterCurseForge.injectCSS(`
  /* Reduce card padding */
  [class*="card"],
  [class*="Card"] {
    padding: 8px !important;
    margin-bottom: 6px !important;
  }

  /* Reduce list item spacing */
  [class*="list-item"],
  [class*="ListItem"],
  [class*="mod-row"],
  [class*="ModRow"] {
    padding: 6px 12px !important;
    min-height: auto !important;
  }

  /* Reduce header sizes */
  [class*="section-header"],
  [class*="SectionHeader"] {
    padding: 8px 16px !important;
    font-size: 14px !important;
  }

  /* Reduce sidebar item padding */
  [class*="sidebar"] [class*="item"],
  [class*="Sidebar"] [class*="Item"],
  nav a, nav button {
    padding: 6px 12px !important;
  }

  /* Reduce gap between elements */
  [class*="grid"],
  [class*="Grid"] {
    gap: 8px !important;
  }

  /* Smaller mod thumbnails */
  [class*="thumbnail"],
  [class*="Thumbnail"],
  [class*="mod-icon"],
  [class*="ModIcon"] {
    width: 40px !important;
    height: 40px !important;
  }

  /* Reduce page padding */
  [class*="page-content"],
  [class*="PageContent"],
  [class*="content-area"],
  [class*="ContentArea"] {
    padding: 12px !important;
  }
`);

// Plugin lifecycle
plugin.onDisable = () => {
  removeCSS();
  console.log('[Compact Mode] Disabled.');
};

console.log('[Compact Mode] Enabled — UI is now more compact.');