From 67143551a9f816ac5c65dbb9687c1e70caddf7a9 Mon Sep 17 00:00:00 2001
From: Alexandra DM <alexandra.dolanmescal@gmail.com>
Date: Thu, 3 Mar 2022 17:01:46 -0500
Subject: [PATCH] design tweaks

---
 src/client/components/Collections/Collection.js     | 11 +++--------
 src/client/components/Collections/CollectionList.js | 10 ++++++----
 src/client/components/Intro.css                     |  3 +--
 src/client/components/SearchList.js                 |  4 ++--
 4 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/src/client/components/Collections/Collection.js b/src/client/components/Collections/Collection.js
index 12fecbc8..42374e0f 100644
--- 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
index 95b6732c..385505e9 100644
--- 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
index 53897060..4d4195bb 100644
--- 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
index 832b6bec..9f11a2d6 100644
--- 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>