fix claim preview on description (markdown)

src/ui/component/previewLink/view.jsx

@@ -30,18 +30,18 @@ class PreviewLink extends React.PureComponent<Props> {
 
     return (
       <span className={'preview-link'} role="button" onClick={this.handleClick}>
-        <span className={'file-list__item'}>
+        <span className={'claim-preview'}>
           <span style={thumbnailStyle} className={'preview-link__thumbnail media__thumb'} />
-          <span className={'file-list__item-metadata'}>
-            <span className={'file-list__item-info'}>
-              <span className={'file-list__item-title'}>
+          <span className={'claim-preview-metadata'}>
+            <span className={'claim-preview-info'}>
+              <span className={'claim-preview-title'}>
                 <TruncatedText text={title} lines={1} />
               </span>
             </span>
-            <span className={'preview-link__description media__subtitle'}>
+            <span className={'media__subtitle'}>
               <UriIndicator uri={uri} link />
             </span>
-            <span className={'file-list__item-properties'}>
+            <span className={'claim-preview-properties'}>
               <span className={'preview-link__description media__subtitle'}>
                 <TruncatedText lines={2} showTooltip={false}>
                   <MarkdownPreview content={description} promptLinks strip />

src/ui/scss/component/_markdown-preview.scss

@@ -98,8 +98,17 @@
     border-left: 0.5rem solid $lbry-teal-5;
     display: block;
     align-items: center;
-    width: 40rem;
     word-break: break-all;
+    overflow: hidden;
+
+    .claim-preview {
+      border: 0;
+      background: transparent;
+    }
+
+    .media__subtitle {
+      display: block;
+    }
   }
 
   .preview-link__thumbnail {
@@ -107,6 +116,6 @@
   }
 
   .preview-link__description {
-    display: block;
+    margin-top: var(--spacing-small);
   }
 }

static/locales/en.json

@@ -593,6 +593,7 @@
   " Both also help secure ": " Both also help secure ",
   "vanity names": "vanity names",
   "Add support to this claim": "Add support to this claim",
+<<<<<<< HEAD
   "Find New Tags": "Find New Tags",
   "Send LBC to your friends or favorite creators.": "Send LBC to your friends or favorite creators.",
   "Use this address to receive LBC. You can generate a new address at any time, and any previous addresses will continue to work.": "Use this address to receive LBC. You can generate a new address at any time, and any previous addresses will continue to work.",
@@ -639,4 +640,7 @@
   "File Size": "File Size",
   "You deposited 1 LBC as a support!": "You deposited 1 LBC as a support!",
   "Refreshed!": "Refreshed!"
+=======
+  "%s blocks behind": "%s blocks behind"
+>>>>>>> fix claim preview on description (markdown)
 }