fix: #384 outline fouces on the cards

research-software-directory · Jul 11, 2022 · b872a6e · b872a6e
1 parent a2e477a
commit b872a6e
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/frontend/components/organisation/OrganisationGrid.tsx b/frontend/components/organisation/OrganisationGrid.tsx
@@ -24,7 +24,7 @@ export default function OrganisationsGrid({organisations}:
 
   return (
     <FlexibleGridSection
-      className="gap-[0.125rem] pt-4 pb-12"
+      className="gap-[0.125rem] p-[0.125rem] pt-4 pb-12"
       height='17rem'
       minWidth={minWidth}
       maxWidth='1fr'

diff --git a/frontend/components/projects/ProjectsGrid.tsx b/frontend/components/projects/ProjectsGrid.tsx
@@ -13,7 +13,7 @@ type ProjectGridProps = FlexGridProps & {
 }
 
 // render software cards
-export default function ProjectsGrid({projects,className='gap-[0.125rem] py-[2rem]',...props}:ProjectGridProps){
+export default function ProjectsGrid({projects,className='gap-[0.125rem] p-[0.125rem] py-[2rem]',...props}:ProjectGridProps){
   if (typeof projects == 'undefined' || projects.length===0){
     return <NoContent />
   }

diff --git a/frontend/pages/projects/index.tsx b/frontend/pages/projects/index.tsx
@@ -19,7 +19,7 @@ import {ssrProjectsParams} from '../../utils/extractQueryParam'
 import {ssrProjectsUrl} from '../../utils/postgrestUrl'
 import DefaultLayout from '../../components/layout/DefaultLayout'
 import PageTitle from '../../components/layout/PageTitle'
-import ProjectGrid from '../../components/projects/ProjectsGrid'
+import ProjectsGrid from '../../components/projects/ProjectsGrid'
 import Searchbox from '../../components/form/Searchbox'
 
 const pageTitle = `Projects | ${app.title}`
@@ -85,12 +85,12 @@ export default function ProjectsIndexPage({count,page,rows,projects=[]}:
             />
         </div>
       </PageTitle>
-      <ProjectGrid
+      <ProjectsGrid
         projects={projects}
         height='17rem'
         minWidth={minWidth}
         maxWidth='1fr'
-        className="gap-[0.125rem] pt-4 pb-12"
+        className="gap-[0.125rem] p-[0.125rem] pt-4 pb-12"
       />
     </DefaultLayout>
   )

diff --git a/frontend/pages/software/index.tsx b/frontend/pages/software/index.tsx
@@ -129,6 +129,7 @@ export default function SoftwareIndexPage({count,page,rows,tags,software=[]}:
         </div>
       </PageTitle>
       <SoftwareGrid
+        className='gap-[0.125rem] p-[0.125rem] pt-4 pb-12'
         grid={{
           height: '17rem',
           minWidth,