Adds uniform horizontal spacing to facets list based on the container

datacite · Feb 4, 2025 · 3f91f7f · 3f91f7f
1 parent 8fec619
commit 3f91f7f
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 4 deletions.
diff --git a/src/components/FacetList/FacetListGroup.module.scss b/src/components/FacetList/FacetListGroup.module.scss
@@ -11,5 +11,4 @@
     --bs-accordion-inner-border: 1px solid #cdd2d5;
     --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23cdd2d5' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
     --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23cdd2d5' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
-    padding-right: 1rem;
   }
diff --git a/src/components/SearchOrganization/SearchOrganization.tsx b/src/components/SearchOrganization/SearchOrganization.tsx
@@ -106,7 +106,7 @@ export default function SearchOrganizations(props: Props) {
       </Col>
     </Row>
     <Row>
-      <Col md={3}>
+      <Col md={3} className='px-4'>
         {renderFacets()}
       </Col>
       <Col md={9}>

diff --git a/src/components/SearchRepository/SearchRepository.tsx b/src/components/SearchRepository/SearchRepository.tsx
@@ -130,7 +130,7 @@ export default function SearchRepositories({ variables }: Props) {
 
   return (<Container fluid>
     <Row>
-      <Col md={3}>{renderFacets()}</Col>
+      <Col md={3} className='pe-4'>{renderFacets()}</Col>
       <Col md={9}>{renderResults()}</Col>
     </Row>
   </Container>)

diff --git a/src/components/WorksListing/WorksListing.tsx b/src/components/WorksListing/WorksListing.tsx
@@ -101,7 +101,7 @@ export default function WorksListing({
 
   return (
     <Row>
-      <Col md={3} className="d-none d-md-block">
+      <Col md={3} className={'d-none d-md-block' + (['doi.org/?'].includes(url) ? ' px-4' : ' pe-4')}>
         { loadingFacets ? <Row><LoadingFacetList count={4} numberOfLines={10}/></Row>: renderFacets() }
       </Col>
       <Col md={9}>