added padding to the citation

[Dert1129]

Summary by CodeRabbit

• UI Improvements
  • Schematic attribution text is now displayed with improved spacing and layout formatting for better readability.

[coderabbitai]

Walkthrough

Two Explorer components are updated to improve the visual layout and text consistency of schematic attribution. The attribution text is now wrapped in a padded grid row/column structure, and both components prepend "Schematics courtesy of" to the attribution source text.

Changes

Schematic Attribution Layout and Text Updates

Layer / File(s)	Summary
AccordionTabSection attribution layout and text src/components/Explorer/AccordionTabSection.js	Nephron schematic attribution is wrapped in a Row with padding: "1rem" and placed in a Col. The attribution text is updated to include "Schematics courtesy of" prefix.
TabSection attribution layout and text src/components/Explorer/TabSection.js	Main TabSection schematic attribution is wrapped in a Row with padding: "1rem" and placed in a Col below the primary content row, improving spacing and consistency.

Possibly Related PRs

• KPMP/pegasus-web#624: Modifies the same Explorer components using Row/Col grid structure for layout adjustments.

🚥 Pre-merge checks | ✅ 2

✅ Passed checks (2 passed)

Check name	Status	Explanation
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch KPMP-6713_fix-citation

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1

♻️ Duplicate comments (1)

src/components/Explorer/TabSection.js (1)

96-100: 🛠️ Refactor suggestion | 🟠 Major

Duplicated attribution block.

This attribution block is identical to the one in AccordionTabSection.js (lines 132-136). Please see the refactoring suggestion in that file to extract this into a shared component.

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: a237b1d0-4110-4c12-90aa-738e29853f4c

📥 Commits

Reviewing files that changed from the base of the PR and between bcc463e and e9c9704.

📒 Files selected for processing (2)

• src/components/Explorer/AccordionTabSection.js
• src/components/Explorer/TabSection.js

[coderabbitai]

🛠️ Refactor suggestion | 🟠 Major | ⚡ Quick win

Extract duplicated attribution block into a shared component.

The attribution layout and text are identical in both AccordionTabSection.js (lines 132-136) and TabSection.js (lines 96-100). This violates the DRY principle and creates a maintenance burden—any future changes to the citation or layout will require updates in multiple locations.

♻️ Suggested refactor: create a shared component

Create a new shared component SchematicAttribution.js:

import React from 'react';
import { Row, Col } from 'reactstrap';

const SchematicAttribution = () => {
  return (
    <Row style={{ padding: "1rem" }}>
      <Col>
        <small>
          Schematics courtesy of Bajema, Rachel, Supriya Bidanta, Ellen M. Quardokus, 
          Bruce W. Herr II, and Katy Börner. December 2025. 
          https://humanatlas.io/2d-ftu-illustrations, Accessed on June 1, 2026.
        </small>
      </Col>
    </Row>
  );
};

export default SchematicAttribution;

Then import and use it in both files:

+import SchematicAttribution from './SchematicAttribution';

-                <Row style={{padding: "1rem"}}>
-                    <Col>
-                        <small>Schematics courtesy of Bajema, Rachel, Supriya Bidanta, Ellen M. Quardokus, Bruce W. Herr II, and Katy Börner. December 2025. https://humanatlas.io/2d-ftu-illustrations, Accessed on June 1, 2026.</small>
-                    </Col>
-                </Row>
+                <SchematicAttribution />

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	<Row style={{padding: "1rem"}}>
	<Col>
	<small>Schematics courtesy of Bajema, Rachel, Supriya Bidanta, Ellen M. Quardokus, Bruce W. Herr II, and Katy Börner. December 2025. https://humanatlas.io/2d-ftu-illustrations, Accessed on June 1, 2026.</small>
	</Col>
	</Row>
	<SchematicAttribution />