From b0fb6f9b45d6fbeb8eff190db05829a4fc0c896b Mon Sep 17 00:00:00 2001
From: LianaHus <liana@ethdev.com>
Date: Mon, 1 Feb 2021 12:12:51 +0100
Subject: [PATCH] Upper case for sirst letter of description in PM

---
 .../src/app/components/plugin-manager-component.js   | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/remix-ide/src/app/components/plugin-manager-component.js b/apps/remix-ide/src/app/components/plugin-manager-component.js
index d62aabc665a..48b758e49fb 100644
--- a/apps/remix-ide/src/app/components/plugin-manager-component.js
+++ b/apps/remix-ide/src/app/components/plugin-manager-component.js
@@ -40,6 +40,12 @@ const css = csjs`
     font-size: 13px;
     line-height: 18px;
   }
+  .descriptiontext {
+    display: block;
+  }
+  .descriptiontext:first-letter {
+    text-transform: uppercase;
+  }
   .row {
     display: flex;
     flex-direction: row;
@@ -135,9 +141,9 @@ class PluginManagerComponent extends ViewPlugin {
             ${activationButton}
           </h6>
         </div>
-        <div class="${css.description} text-body plugin-text mb-2">
-          <img src="${profile.icon}" class="mr-1 mb-1 ${css.pluginIcon}" />
-          <span>${profile.description}</span>
+        <div class="${css.description} d-flex text-body plugin-text mb-2">
+          <img src="${profile.icon}" class="mr-1 mt-1 ${css.pluginIcon}" />
+          <span class="${css.descriptiontext}">${profile.description}</span>
         </div>
       </article>
     `