From 155672ee7b668a767a6da2b122b492fb34ace155 Mon Sep 17 00:00:00 2001
From: btzr-io <btzr.io@gmail.com>
Date: Wed, 29 May 2019 15:54:47 -0600
Subject: [PATCH] minor fixes for channel about page

fix #2506

fix #2485
---
 src/ui/component/channelAbout/view.jsx | 11 +++++++++--
 src/ui/scss/component/_media.scss      |  1 -
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/ui/component/channelAbout/view.jsx b/src/ui/component/channelAbout/view.jsx
index 82e8dab90..9d7982b54 100644
--- a/src/ui/component/channelAbout/view.jsx
+++ b/src/ui/component/channelAbout/view.jsx
@@ -1,5 +1,6 @@
 // @flow
 import React, { Fragment } from 'react';
+import MarkdownPreview from 'component/common/markdown-preview';
 
 type Props = {
   description: ?string,
@@ -16,7 +17,11 @@ function ChannelContent(props: Props) {
       {!showAbout && <h2 className="empty">{__('Nothing here yet')}</h2>}
       {showAbout && (
         <Fragment>
-          {description && <div className="media__info-text">{description}</div>}
+          {description && (
+            <div className="media__info-text">
+              <MarkdownPreview content={description} promptLinks />
+            </div>
+          )}
           {email && (
             <Fragment>
               <div className="media__info-title">{__('Contact')}</div>
@@ -26,7 +31,9 @@ function ChannelContent(props: Props) {
           {website && (
             <Fragment>
               <div className="media__info-title">{__('Site')}</div>
-              <div className="media__info-text">{website}</div>
+              <div className="media__info-text">
+                <MarkdownPreview content={website} promptLinks />
+              </div>
             </Fragment>
           )}
         </Fragment>
diff --git a/src/ui/scss/component/_media.scss b/src/ui/scss/component/_media.scss
index b4321fc29..5f4139fc7 100644
--- a/src/ui/scss/component/_media.scss
+++ b/src/ui/scss/component/_media.scss
@@ -260,7 +260,6 @@
 
 .media__info-text {
   font-size: 1.15rem;
-  word-break: break-all;
 
   &:not(:last-of-type) {
     margin-bottom: var(--spacing-vertical-large);