From e6b3a5d26e33b6870c5d089fa7b202956e809af6 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde@tlon.io>
Date: Thu, 16 Jul 2020 14:22:14 -0400
Subject: [PATCH] link, publish: channel item legibility update

---
 pkg/interface/src/apps/links/components/lib/channels-item.js  | 2 +-
 pkg/interface/src/apps/links/components/lib/group-item.js     | 4 ++--
 pkg/interface/src/apps/publish/components/lib/group-item.js   | 2 +-
 .../src/apps/publish/components/lib/notebook-item.js          | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/pkg/interface/src/apps/links/components/lib/channels-item.js b/pkg/interface/src/apps/links/components/lib/channels-item.js
index be5852d93..e0693845c 100644
--- a/pkg/interface/src/apps/links/components/lib/channels-item.js
+++ b/pkg/interface/src/apps/links/components/lib/channels-item.js
@@ -16,7 +16,7 @@ export class ChannelsItem extends Component {
 
     return (
       <Link to={makeRoutePath(props.link)}>
-        <div className={'w-100 v-mid f9 ph4 z1 pv1 relative ' + selectedClass}>
+        <div className={'w-100 v-mid f9 ph5 z1 pv1 relative ' + selectedClass}>
           <p className="f9 dib">{props.name}</p>
           <p className="f9 dib fr">
             {unseenCount}
diff --git a/pkg/interface/src/apps/links/components/lib/group-item.js b/pkg/interface/src/apps/links/components/lib/group-item.js
index 9309aa5d5..021463336 100644
--- a/pkg/interface/src/apps/links/components/lib/group-item.js
+++ b/pkg/interface/src/apps/links/components/lib/group-item.js
@@ -14,7 +14,7 @@ export class GroupItem extends Component {
     }
 
     const channels = props.channels ? props.channels : [];
-    const first = (props.index === 0) ? 'pt1' : 'pt4';
+    const first = (props.index === 0) ? 'pt1' : 'pt6';
 
     const channelItems = channels.map((each, i) => {
       const meta = props.linkMetadata[each];
@@ -36,7 +36,7 @@ export class GroupItem extends Component {
     });
     return (
       <div className={first}>
-      <p className="f9 ph4 pb2 fw6 gray3">{title}</p>
+      <p className="f9 ph4 pb2 gray3">{title}</p>
         {channelItems}
       </div>
     );
diff --git a/pkg/interface/src/apps/publish/components/lib/group-item.js b/pkg/interface/src/apps/publish/components/lib/group-item.js
index 912506248..aa6113a32 100644
--- a/pkg/interface/src/apps/publish/components/lib/group-item.js
+++ b/pkg/interface/src/apps/publish/components/lib/group-item.js
@@ -13,7 +13,7 @@ export class GroupItem extends Component {
     }
 
     const groupedBooks = props.groupedBooks ? props.groupedBooks : [];
-    const first = (props.index === 0) ? 'pt1' : 'pt4';
+    const first = (props.index === 0) ? 'pt1' : 'pt6';
 
     const notebookItems = groupedBooks.map((each, i) => {
       const unreads = props.notebooks[each]['num-unread'] || 0;
diff --git a/pkg/interface/src/apps/publish/components/lib/notebook-item.js b/pkg/interface/src/apps/publish/components/lib/notebook-item.js
index e86d3b01c..95285d09b 100644
--- a/pkg/interface/src/apps/publish/components/lib/notebook-item.js
+++ b/pkg/interface/src/apps/publish/components/lib/notebook-item.js
@@ -16,7 +16,7 @@ export class NotebookItem extends Component {
       <Link
       to={'/~publish/notebook/' + props.path}
       >
-        <div className={'w-100 v-mid f9 ph4 pv1 ' + selectedClass}>
+        <div className={'w-100 v-mid f9 ph5 pv1 ' + selectedClass}>
           <p className="dib f9">{props.title}</p>
           {unread}
         </div>