diff --git a/assets/src/components/DetailCard.js b/assets/src/components/DetailCard.js
index e48d54e5..ef6de367 100644
--- a/assets/src/components/DetailCard.js
+++ b/assets/src/components/DetailCard.js
@@ -1,171 +1,166 @@
 import React, {useContext} from "react"
 
 import { makeStyles } from '@material-ui/core/styles';
 import "./detailscard.css"
 import Typography from '@material-ui/core/Typography';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import Card from '@material-ui/core/Card';
 import CardActions from '@material-ui/core/CardActions';
 import CardContent from '@material-ui/core/CardContent';
 import Button from '@material-ui/core/Button';
 import { HiLink } from "react-icons/hi";
-
+import DoneIcon from '@material-ui/icons/Done';
 
 import "./termcard.css"
 
 
 
 const useStyles = makeStyles((theme) => ({
   root: {
     '& > *': {
 
       margin: theme.spacing(1),
       display: 'grid',
     },
     flexGrow: 1,
   },
 
   formControl: {
     margin: theme.spacing(1),
     width: 200,
   },
   selectEmpty: {
     marginTop: theme.spacing(1),
   },
 
 chip: {
   margin: 0.5,
   
 },
 
 heading: {
   fontSize: theme.typography.pxToRem(15),
   fontWeight: theme.typography.fontWeightRegular,
 },
 
 }));
 
 
 function DetailsCard({details}) {
     const classes = useStyles();
 
 
 
 
   
  
 if (details !== 'null') {
 
   console.log(details)
 
   return (
 
 <div>
     <Card className="detail-Card">
       <CardContent>
         <Typography className={classes.title} color="textSecondary" gutterBottom>
         <h4>{details.name}</h4>
         </Typography>
         <Typography variant="h5" component="h2">
        
           
         </Typography>
         <Typography className={classes.pos} color="textSecondary">
         
         {details.country && details.country.map(item => {
         return <div key={item.id}>{item.name}</div>;
         })}
         {details.starting_year && <div>{details.starting_year}</div>
         }
         </Typography>
         
         <Typography variant="body2" component="p"
         style={{ textAlign: "left"}}
         >
         {details.oa_status ?
         <div>
           {details.oa_status.status !== "UNKNOWN" ? 
           <div>
             <p> Open Acces Status: {details.oa_status.status} <br></br>
             <small>{details.oa_status.description}</small>
             </p>
           </div>
           
           :null}
         </div>
         :null}
         {details.publisher && details.publisher.map(item => {
         return <div key={item.id}> Publisher: {item.name}</div>;
         })}
         </Typography>
         <Typography variant="body2" component="p"
         style={{ textAlign: "left"}}
         >
         {details.doaj_seal && 
         <div >
-        <Button href="https://doaj.org/apply/seal/" target="blank" rel="noopener noreferrer" size="small"><HiLink/> DOAJ seal</Button>
+        <Button href="https://doaj.org/apply/seal/" target="blank" rel="noopener noreferrer" size="small"><DoneIcon/> DOAJ seal</Button>
         </div>
         }
         {details.doaj_status && 
         
         <div > 
           <Button 
           href="https://doaj.org/search/journals?source=%7B%22query%22%3A%7B%22match_all%22%3A%7B%7D%7D%2C%22size%22%3A50%2C%22sort%22%3A%5B%7B%22created_date%22%3A%7B%22order%22%3A%22desc%22%7D%7D%5D%7D" 
-          target="blank" rel="noopener noreferrer" size="small"><HiLink/> Journal listed on DOAJ</Button>
+          target="blank" rel="noopener noreferrer" size="small"><DoneIcon/> Journal listed on DOAJ</Button>
           </div>
         }
         {details.lockss &&
         <div > 
-          <Button href="https://www.lockss.org/" target="blank" rel="noopener noreferrer" size="small"><HiLink/> Journal preserved with LOCKSS</Button>
+          <Button href="https://www.lockss.org/" target="blank" rel="noopener noreferrer" size="small"><DoneIcon/> Journal preserved with LOCKSS</Button>
         </div>
         }
         {details.portico && 
         <div > 
-        <Button href="https://www.portico.org/" target="blank" rel="noopener noreferrer" size="small"><HiLink/> Journal preserved with Portico</Button>
+        <Button href="https://www.portico.org/" target="blank" rel="noopener noreferrer" size="small"><DoneIcon/> Journal preserved with Portico</Button>
       </div>
         }
         
         {details.nlch && 
          <div > 
-         <Button href="https://consortium.ch/nationallizenzen" target="blank" rel="noopener noreferrer" size="small"><HiLink/> Journal participating to the Swiss National licences</Button>
+         <Button href="https://consortium.ch/nationallizenzen" target="blank" rel="noopener noreferrer" size="small"><DoneIcon/> Journal participating to the Swiss National licences</Button>
        </div>
         }
         {details.qoam_av_score && 
         <div > 
-        <Button href="https://www.qoam.eu/" target="blank" rel="noopener noreferrer" size="small"><HiLink/> Journal preserved with LOCKSS</Button>
+        <Button href="https://www.qoam.eu/" target="blank" rel="noopener noreferrer" size="small">QOAM score : {details.qoam_av_score}</Button>
       </div>
         }
 
         </Typography>
       </CardContent>
       <CardActions>
       {details.website ?
         <Button href={details.website} target="blank" rel="noopener noreferrer" size="small"><HiLink/> Website </Button>
       :null}
         {details.oa_options ? 
           <Button href={details.oa_options} target="blank" rel="noopener noreferrer" size="small"><HiLink/>Open Access Infos</Button>
         :null}
       </CardActions>
     </Card>
-    
-
-    {/* </Typography> */}
-  {/* </AccordionDetails>
-</Accordion> */}
 </div>
       )
 
     }
     else if (details !== 'null' && details2 !== 'null') {
 
       return (<div>  
         {details2.name} </div>)
     }
     else {
       return null
     }
 
     
 }
 
 export default DetailsCard
\ No newline at end of file
diff --git a/assets/src/components/TermCard.js b/assets/src/components/TermCard.js
index ff33c3f0..2530a64a 100644
--- a/assets/src/components/TermCard.js
+++ b/assets/src/components/TermCard.js
@@ -1,251 +1,248 @@
 import React from "react"
 import { makeStyles } from '@material-ui/core/styles';
 import "./termcard.css"
 import Chip from '@material-ui/core/Chip';
 import DoneIcon from '@material-ui/icons/Done';
 import HighlightOffIcon from '@material-ui/icons/HighlightOff';
 import Accordion from '@material-ui/core/Accordion';
 import AccordionSummary from '@material-ui/core/AccordionSummary';
 import AccordionDetails from '@material-ui/core/AccordionDetails';
 import Typography from '@material-ui/core/Typography';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import DateRangeIcon from '@material-ui/icons/DateRange';
 import { FaCoins } from 'react-icons/fa';
 import { RiFilePaper2Line } from 'react-icons/ri';
 import Button from '@material-ui/core/Button';
 import { HiLink } from "react-icons/hi";
 import { GrInfo } from "react-icons/gr";
 import Container from '@material-ui/core/Container'
 import Grid from '@material-ui/core/Grid'
 import Card from '@material-ui/core/Card';
 import CardActions from '@material-ui/core/CardActions';
 import CardContent from '@material-ui/core/CardContent';
 
 
 const useStyles = makeStyles((theme) =>({
   
   card: {
       width: '100%',
       marginTop: "1rem",
       textAlign:'left'
       
       
   },
   root: {
     flexGrow: 1,
     textAlign:'left',
   },
 
   chip: {
     margin: 0.5,
     
   },
   
   heading: {
     fontSize: theme.typography.pxToRem(15),
     fontWeight: theme.typography.fontWeightRegular,
   },
 
 }))
 
 
 
 
 function TermCard({term}) {
 
     const classes = useStyles();
 
 
     const licenceIcon =
     
     term[0].licence?.map(i=>(
       <> 
       <Button href={i.website} target="blank" rel="noopener noreferrer" size="small">
         <Chip
               size="small"
               avatar={ <RiFilePaper2Line />}
               label={i.name_or_abbrev}
               // clickable={handleClick}
               // color="secondary"
               // onDelete={handleDelete}
               className={classes.chip}
               style={{ background: "#FFFFFF", textAlign: "left"}}
               title="Licence Information"
           />
         </Button>
       </>
     ))
   
 
     
         function cost() {
           
             
           const price = term[0].cost_factor?.map(i => (
             i.amount
           ))
           const price_symbol = term[0].cost_factor?.map(j => (
             j.symbol
           ))
           const cost_name = term[0].cost_factor?.map(k => (
 
             k.cost_factor_type.name
           ))
 
           const id = term[0].cost_factor?.map(k => (
 
             k.cost_factor_type.id
           ))
          
             const comment = term[0].cost_factor?.map(k => (
 
             
               
               k.comment
                
               
               ))
               
           
             return (
               <>
               <Chip
                 key={id[0]}
                 size="small"
                 avatar={  <FaCoins />}
                 label={cost_name[0] + " : " + price[0] +  " " + price_symbol}
                 // clickable={handleClick}
                 // color="secondary"
                 // onDelete={handleDelete}
                 className={classes.chip}
                 style={{ background: "#FFFFFF"}}
                 title={comment}
               />
               
               </>
             )
             
       
   
         }
 
         const termArchive = term[0].ir_archiving && term[0].ir_archiving ? (
         
           <Chip
                 size="small"
                 avatar={<DoneIcon />}
                 label={"IR Archiving"}
                 // variant="outlined"
                 // clickable={handleClick}
                 // color="secondary"
                 // onDelete={handleDelete}
                 style={{ background: "#FFFFFF"}}
                 title="This is more information"
             />
            
             
             ): (
        
             <Chip
                 size="small"
                 avatar={<HighlightOffIcon />}
                 label="IR Archiving"
                 // clickable={handleClick}
                 // color="secondary"
                 // onDelete={handleDelete}
                 style={{ background: "#f50057"}}
                 title="This is more information"
             />
             )
             const embargo = term[0].ir_archiving && term[0].ir_archiving ? (
             
             <Chip
                 size="small"
                 avatar={<DateRangeIcon />}
                 label={"Embargo: " + term[0].embargo_months + " Month(s)"}
                 // variant="outlined"
                 // clickable={handleClick}
                 // color="secondary"
                 // onDelete={handleDelete}
                 style={{ background: "#FFFFFF"}}
                 title="This is more information"
             />
             ):
             (<a />)
         
 
     return (
+      <div>
     
       <Card key={term.id} className="term-Card"
       style={{ textAlign: "left"}}
       >
       <CardContent>
         <Typography className={classes.title} color="textSecondary" gutterBottom>
         {term.map( j=> (
              j[0] &&
               <p>Condition set N° {j[0]}: {j[1]}</p>
             ))
         }
         Term ID: {term[0].id}
         {term[0].comment ?
           <div style={{ textAlign: "left"}}>
          
           <p>
           <small>
           <GrInfo 
           style={{ 
             padding: "0.05rem"
           }}
           />
           {term[0].comment}
           </small>
           </p>
           
          
           </div>
           :null}
         
         </Typography>
         <Typography variant="h5" component="h2">
        
           
         </Typography>
         <Typography className={classes.pos} color="textSecondary">
         
      
         
         </Typography>
         <Typography variant="body2" component="p">
         <Container maxWidth="xs" >
          <Grid container>
   
       
           <Grid item xs={6} sm={2}>
           
           {cost()}
           {licenceIcon}
           {termArchive}
           {embargo}
          
           </Grid>
-         
           </Grid>
           </Container>
-    
+
         </Typography>
       </CardContent>
       <CardActions>
           {term[0].source ?
             <Button href={term[0].source} target="blank" rel="noopener noreferrer" size="small"><HiLink/> More Information </Button>
           :null}
       </CardActions>
     </Card>
       
-      
-
-      
-     
+    </div>
     )
 }
 
 export default TermCard
\ No newline at end of file