From 6bc4f489d446bc3ab2ed8d4763c127c03e405627 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=A9douard?= <edouard@urcad.es>
Date: Thu, 27 Feb 2020 18:58:28 -0500
Subject: [PATCH] links: edit/update sidebar styling to match chat

Using existing styling classes found in chat, I've edited the Links module to retain an appearance/sizing that is more uniform with our Chat module interfaces
---
 pkg/interface/chat/src/js/components/lib/sidebar-invite.js  | 2 +-
 pkg/interface/link/src/js/components/lib/channel-sidebar.js | 4 ++--
 pkg/interface/link/src/js/components/lib/channels-item.js   | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/pkg/interface/chat/src/js/components/lib/sidebar-invite.js b/pkg/interface/chat/src/js/components/lib/sidebar-invite.js
index 97f0b873e8..11c1559fcb 100644
--- a/pkg/interface/chat/src/js/components/lib/sidebar-invite.js
+++ b/pkg/interface/chat/src/js/components/lib/sidebar-invite.js
@@ -16,7 +16,7 @@ export class SidebarInvite extends Component {
     const { props } = this;
 
     return (
-      <div className='pa3'>
+      <div className='w-100 bg-transparent pa4 bb b--gray4 b--gray1-d'>
         <div className='w-100 v-mid'>
           <p className="dib f8 mono gray4-d">
             {props.invite.path}
diff --git a/pkg/interface/link/src/js/components/lib/channel-sidebar.js b/pkg/interface/link/src/js/components/lib/channel-sidebar.js
index aa1d725150..eb3b6021f2 100644
--- a/pkg/interface/link/src/js/components/lib/channel-sidebar.js
+++ b/pkg/interface/link/src/js/components/lib/channel-sidebar.js
@@ -83,10 +83,10 @@ export class ChannelsSidebar extends Component {
         <div className="overflow-y-scroll h-100">
           <h2 className={`f8 f9-m f9-l f9-xl
            pt1 pt4-m pt4-l pt4-xl
-           pr4 pb3 pb2-m pb2-l pb2-xl
+           pr4 pb3 pb3-m pb3-l pb3-xl
            pl3 pl4-m pl4-l pl4-xl
            black-s gray2 white-d c-default
-           bb bn-m bn-l bn-xl b--gray4 mb2 mb0-m mb0-l mb0-xl`}>
+           bb b--gray4 mb2 mb0-m mb0-l mb0-xl`}>
              Your Collections
              </h2>
           {privateChannel}
diff --git a/pkg/interface/link/src/js/components/lib/channels-item.js b/pkg/interface/link/src/js/components/lib/channels-item.js
index 9d90b143ef..fbc3549038 100644
--- a/pkg/interface/link/src/js/components/lib/channels-item.js
+++ b/pkg/interface/link/src/js/components/lib/channels-item.js
@@ -8,7 +8,7 @@ export class ChannelsItem extends Component {
 
     let selectedClass = (props.selected) 
     ? "bg-gray5 bg-gray1-d b--gray4 b--gray2-d" 
-    : "b--transparent";
+    : "b--gray4 b--gray2-d";
 
     let memberCount = props.memberList
       ? props.memberList.size
@@ -19,7 +19,7 @@ export class ChannelsItem extends Component {
 
     return (
       <Link to={"/~link" + props.link}>
-        <div className={"w-100 v-mid f9 pl4 bt bb  " + selectedClass}>
+        <div className={"w-100 v-mid f9 pl4 bb z1 pa3 pt4 pb4 b--gray4 b--gray1-d gray3-d pointer " + selectedClass}>
           <p className="f9 pt1">{props.name}</p>
           <p className="f9 gray2">
             {memberCount + " contributor" + ((memberCount === 1) ? "" : "s")}