From 9a9ed0b356577c19657157bdcd29ceae277ed431 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Thu, 2 Mar 2023 19:03:34 +0100
Subject: [PATCH 1/2] fix default message for sol2uml as per feedback @ UI/UX
 meeting

---
 .../solidity-uml-gen/src/lib/solidity-uml-gen.tsx  | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx b/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx
index 38580353e9..4a011d86fa 100644
--- a/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx
+++ b/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx
@@ -77,10 +77,16 @@ export function RemixUiSolidityUmlGen ({ updatedSvg, loading }: RemixUiSolidityU
   }
 
   const DefaultInfo = () => (
-    <div className="d-flex flex-column justify-content-center align-items-center mt-5">
-      <h2 className="h2 align-self-start"><p>To view your contract as a Uml Diragram</p></h2>
-      <h3 className="h4 align-self-start"><p>Right Click on your contract file (Usually ends with .sol)</p></h3>
-      <h3 className="h4 align-self-start"><p>Click on Generate UML</p></h3>
+    <div className="d-flex flex-column justify-content-center align-items-center mt-5 ml-5">
+      <h2 className="h2 align-self-start"><p>To view your contract as a UML Diagram</p></h2>
+      <ul className="ml-3 justify-content-start align-self-start">
+        <li>
+          <h3 className="h4 align-self-start"><p>Right click on your contract file</p></h3>
+        </li>
+        <li>
+          <h3 className="h4 align-self-start"><p>Click on <b>Generate UML</b></p></h3>
+        </li>
+      </ul>
     </div>
   )
   const Display = () => {

From 2855ced7c086588580d1f7c3b148eef4cecc61c9 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Mon, 6 Mar 2023 16:37:31 +0100
Subject: [PATCH 2/2] fix styling of default message

---
 libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx b/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx
index 4a011d86fa..c78383d529 100644
--- a/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx
+++ b/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx
@@ -78,13 +78,13 @@ export function RemixUiSolidityUmlGen ({ updatedSvg, loading }: RemixUiSolidityU
 
   const DefaultInfo = () => (
     <div className="d-flex flex-column justify-content-center align-items-center mt-5 ml-5">
-      <h2 className="h2 align-self-start"><p>To view your contract as a UML Diagram</p></h2>
+      <h3 className="h3 align-self-start text-dark"><p>To view your contract as a UML Diagram</p></h3>
       <ul className="ml-3 justify-content-start align-self-start">
         <li>
-          <h3 className="h4 align-self-start"><p>Right click on your contract file</p></h3>
+          <h5 className="h5 align-self-start text-dark"><p>Right click on your contract file</p></h5>
         </li>
         <li>
-          <h3 className="h4 align-self-start"><p>Click on <b>Generate UML</b></p></h3>
+          <h5 className="h5 align-self-start text-dark"><p>Click on <b>Generate UML</b></p></h5>
         </li>
       </ul>
     </div>