From 3fc6a570127b60d3af4b9f6ca6c0ee3170c0a9be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?=
 =?UTF-8?q?=E3=83=96?= <netopwibby@thenetwork.email>
Date: Wed, 10 Oct 2018 11:39:50 -0500
Subject: [PATCH] Style fixes for meme creator

---
 app/helpers/fetch-metadata.js   | 11 +++--------
 app/sass/pages/_playground.scss | 10 +++++++++-
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/app/helpers/fetch-metadata.js b/app/helpers/fetch-metadata.js
index 0eb6348..ca553c0 100644
--- a/app/helpers/fetch-metadata.js
+++ b/app/helpers/fetch-metadata.js
@@ -117,7 +117,9 @@ module.exports = exports = (data, socket) => {
           publishResponse.result.claim_address
         ) explorerNotice = `
           <p class="playground__description success">
-            Nicely done, you've published to <b>lbry://${publishResponse.result.lbrytech_claim_name}</b>! To see Proof of Work (lol) that your meme is on the LBRY blockchain, <a href="https://explorer.lbry.io/address/${publishResponse.result.claim_address}" rel="noopener noreferrer" target="_blank" title="Your meme, on our blockchain explorer">check it out</a> on our blockchain explorer! Please note that it may take a couple minutes for the transaction to be confirmed.
+            Nicely done, you've published to <code>lbry://${publishResponse.result.lbrytech_claim_name}</code>.
+            <br/><br/>
+            To see Proof of Work (lol) that your meme is on the LBRY blockchain, <a href="https://explorer.lbry.io/address/${publishResponse.result.claim_address}" rel="noopener noreferrer" target="_blank" title="Your meme, on our blockchain explorer">check it out</a> on our blockchain explorer! Please note that it may take a couple minutes for the transaction to be confirmed.
             <br/><br/>
             You can also check out your meme (once the transaction is confirmed) on <a href="https://open.lbry.io/${publishResponse.result.lbrytech_claim_name}#${publishResponse.result.claim_id}" rel="noopener noreferrer" target="_blank" title="Your meme, on LBRY">LBRY</a> or <a href="https://spee.ch/${publishResponse.result.claim_id}/${publishResponse.result.lbrytech_claim_name}" rel="noopener noreferrer" target="_blank" title="Your meme, on spee.ch">Spee.ch</a>!
           </p>
@@ -133,13 +135,6 @@ module.exports = exports = (data, socket) => {
           "json"
         );
 
-        /*
-        https://open.lbry.io/Yet--another-test-733dd99009#59b368ed4b616108fe27d308fa8e22602acc762f
-        https://open.lbry.io/claim_show#adee1be89febd3d89f51581601bca52d75a710a8
-
-        You are generating the claim name, so you'd know it.  it would be https://open.lbry.io/claim-name#claim_id (claim id comes from the return). You can also run a claim_show with the claim id parameter to get name if that's easier. The spee.ch link would just be https://spee.ch/claimid/claimname
-        */
-
         return socket.send(JSON.stringify({
           example: data.example,
           html: raw(`
diff --git a/app/sass/pages/_playground.scss b/app/sass/pages/_playground.scss
index 83dbf32..5768d2f 100644
--- a/app/sass/pages/_playground.scss
+++ b/app/sass/pages/_playground.scss
@@ -222,7 +222,7 @@
 }
 
 .playground__content__meme__editor {
-  width: 50%;
+  width: 50%; min-height: 50vh;
   float: right;
 
   h2 {
@@ -455,6 +455,14 @@
     }
   }
 
+  code {
+    padding: 2px 5px;
+    background-color: $black;
+    border-radius: 0.2rem;
+    color: $white;
+    font-size: 0.8rem;
+  }
+
   a {
     font-weight: 700;
   }