Improve install instructions

- moving prompt sign to before pseudoelement
micro-editor · Feb 16, 2020 · 139633a · 139633a
1 parent f554c8b
commit 139633a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/micro_files/micro.css b/micro_files/micro.css
@@ -105,7 +105,7 @@ p.lead {
     margin: 40px 0;
     margin-top: 0;
     margin-bottom: 0;
-    color: #2F3590; 
+    color: #2F3590;
 }
 .getting-involved {
     margin: 40px 0;
@@ -132,3 +132,7 @@ p.lead {
     border-radius: 5px;
 }
 
+.install-instructions::before {
+    content: "$ ";
+    display: inline;
+}
diff --git a/micro_files/plugin-search.js b/micro_files/plugin-search.js
@@ -67,7 +67,9 @@ const template = ({ name, description, versions, website, tags, collapsed }) =>
           </p>
         `)}
         <p>To install this plugin, run the following command from your CLI</p>
-        <div class="well"><code>$ micro -plugin install ${name}</code></div>
+        <div class="well">
+          <code class="install-instructions">micro -plugin install ${name}</code>
+        </div>
       </div>
     </div>
   </div>

diff --git a/web_modules/plugin-search.bundle.js b/web_modules/plugin-search.bundle.js