Merge pull request #205 from DocNow/design-tweaks

design tweaks
DocNow · Mar 3, 2022 · 9bbe7ea · 9bbe7ea
2 parents 0b084a9 + 6714355
commit 9bbe7ea
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 16 deletions.
diff --git a/src/client/components/Collections/Collection.js b/src/client/components/Collections/Collection.js
@@ -224,17 +224,12 @@ export default class CollectionList extends Component {
               <Link to="/collections">ALL COLLECTIONS</Link> ➔ {this.props.search.title.toUpperCase()}
             </Typography>
           </Grid>
-          <Grid item xs={8}>
+          <Grid item xs={12}>
             <Intro>
-              Collection Description: { this.props.search.description || 'No description provided for this collection.' }
+              Description: { this.props.search.description || 'No description provided for this collection.' } <br/>   Collected by <strong><a href={`https://twitter.com/${this.props.search.creator.twitterScreenName}`}>
+                  @{this.props.search.creator.twitterScreenName}</a></strong>
             </Intro>
           </Grid>
-          <Grid item xs={4}>
-            <Typography variant="body1">
-              Collected by <strong><a href={`https://twitter.com/${this.props.search.creator.twitterScreenName}`}>
-                @{this.props.search.creator.twitterScreenName}</a></strong>
-            </Typography>
-          </Grid>
         </Grid>
 
         <div className={`${card.CardHolder} ${style.CardHolder}`}>

diff --git a/src/client/components/Collections/CollectionList.js b/src/client/components/Collections/CollectionList.js
@@ -34,18 +34,20 @@ export default class CollectionList extends Component {
     return (
       <>
         <Grid container spacing={3} className={style.Header}>
-          <Grid item xs={9}>
+          <Grid item xs={3}>
             <Typography variant="body1">
-              { this.props.settings.instanceDescription }
             </Typography>
           </Grid>
+          <Grid item xs={6} className={style.Title}>
+          <Typography variant="h2">COLLECTIONS</Typography>
+          </Grid>
           <Grid item xs={3}>
             <FindMe user={this.props.user} />
           </Grid>
           <Grid item xs={12} className={style.Title}>
-          <Typography variant="h2">COLLECTIONS</Typography>
             <Intro>
-              Here you will find all active collections being collected by our DocNow users. Use the Find Me <sup><small><b>beta</b></small></sup>&nbsp; feature to learn if your content is in a collection and how you can specify or revoke consent.
+              { this.props.settings.instanceDescription } <br/>
+              All active collections being collected by our DocNow users are listed below. Use the Find Me <sup><small><b>beta</b></small></sup>&nbsp; feature to learn if your content is in a collection and how you can specify or revoke consent.
             </Intro>
           </Grid>
         </Grid>

diff --git a/src/client/components/Intro.css b/src/client/components/Intro.css
@@ -13,11 +13,10 @@
   border-radius: 10px;
   padding: 8px;
   margin: 0 10% 0 10%;
+  text-align: center;
 }
 
 .Intro button {
   margin-left: 20px;
   min-width: 250px;
 }
-
-
diff --git a/src/client/components/SearchList.js b/src/client/components/SearchList.js
@@ -35,7 +35,7 @@ export default class SearchList extends Component {
       if (ids.length > 0) {
         this.props.getSearchesCounts(ids)
       }
-    } 
+    }
   }
 
   render() {
@@ -44,7 +44,7 @@ export default class SearchList extends Component {
     return (
       <>
       <Intro>
-        Activate a search to start collecting, view insights <sup>beta</sup> into collections, and download Tweet IDs for sharing.
+         Activate a search to start collecting, view insights <sup><small><b>beta</b></small></sup>&nbsp; into collections, and download Tweet IDs for sharing.
       </Intro>
       <Table>
         <TableHead>