From d796fa395e60fb2548630c7d434679e2dc0585b0 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Thu, 11 Nov 2021 13:27:39 +0530
Subject: [PATCH] css

---
 .../src/lib/css/style.css                     | 45 +++++++++++++++++++
 .../src/lib/solidity-unit-testing.tsx         |  8 ++--
 2 files changed, 50 insertions(+), 3 deletions(-)
 create mode 100644 libs/remix-ui/solidity-unit-testing/src/lib/css/style.css

diff --git a/libs/remix-ui/solidity-unit-testing/src/lib/css/style.css b/libs/remix-ui/solidity-unit-testing/src/lib/css/style.css
new file mode 100644
index 0000000000..f6d05f2150
--- /dev/null
+++ b/libs/remix-ui/solidity-unit-testing/src/lib/css/style.css
@@ -0,0 +1,45 @@
+
+  .infoBox  {
+    margin: 5%;
+  }
+  .testList {
+    line-height: 2em;
+    display: flex;
+    flex-direction: column;
+    margin: 5%;
+    max-height: 300px;
+    overflow-y: auto;
+
+  }
+  .container {
+    margin: 2%;
+    padding-bottom: 5%;
+    max-height: 300px;
+    overflow-y: auto;
+  }
+  .summaryTitle {
+    font-weight: bold;
+  }
+  .testPass {
+  }
+  .testLog {
+    margin-bottom: 1%;
+    border-radius: 4px;
+    padding: 1% 1% 1% 5%;
+  }
+  .title {
+    font-size: 1.1em;
+    font-weight: bold;
+    margin-bottom: 1em;
+  }
+  .label {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+  }
+  .labelOnBtn {
+    border: hidden;
+  }
+  .inputFolder {
+    width: 80%;
+  }
\ No newline at end of file
diff --git a/libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx b/libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx
index cb6cabc9e6..527ca5ca7b 100644
--- a/libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx
+++ b/libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx
@@ -1,13 +1,15 @@
 import React, { useState } from 'react' // eslint-disable-line
 
+import './css/style.css'
+
 /* eslint-disable-next-line */
 export interface SolidityUnitTestingProps {}
 
 export const SolidityUnitTesting = (props: SolidityUnitTestingProps) => {
   console.log('props---->', props)
   return (
-    <div className="${css.testTabView} px-2" id="testView">
-        <div className="${css.infoBox}">
+    <div className="px-2" id="testView">
+        <div className="infoBox">
           <p className="text-lg"> Test your smart contract in Solidity.</p>
           <p> Select directory to load and generate test files.</p>
           <label>Test directory:</label>
@@ -19,7 +21,7 @@ export const SolidityUnitTesting = (props: SolidityUnitTestingProps) => {
             </div>
           </div> */}
         </div>
-        {/* <div className="${css.tests}">          
+        {/* <div>          
           <div className="d-flex p-2">
            ${this.updateGenerateFileAction()}
            ${this.infoButton()}