From 8434fe503cb335f5c9598cff49e5ae71b0f7b986 Mon Sep 17 00:00:00 2001
From: Rohini Senthil <rohinivsenthil@gmail.com>
Date: Mon, 31 May 2021 14:58:07 +0530
Subject: [PATCH] (improv) minor css changes

---
 webview/components/InitialResponseTab/index.tsx  | 2 +-
 webview/components/InitialResponseTab/styles.css | 5 ++++-
 webview/shared/Loader/styles.css                 | 1 +
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/webview/components/InitialResponseTab/index.tsx b/webview/components/InitialResponseTab/index.tsx
index aa8f687..ede6e8f 100644
--- a/webview/components/InitialResponseTab/index.tsx
+++ b/webview/components/InitialResponseTab/index.tsx
@@ -5,7 +5,7 @@ import { ReactComponent as PackageIcon } from "../../icons/package.svg";
 export const InitialResponse = () => {
   return (
     <div className="initial-response-wrapper">
-      <div>Hit Send to get a response</div>
+      <div className="initial-text">Hit Send to get a response</div>
       <PackageIcon className="img-initial-response" />
     </div>
   );
diff --git a/webview/components/InitialResponseTab/styles.css b/webview/components/InitialResponseTab/styles.css
index 5d65e6e..7c47aac 100644
--- a/webview/components/InitialResponseTab/styles.css
+++ b/webview/components/InitialResponseTab/styles.css
@@ -9,8 +9,11 @@
 }
 
 .img-initial-response {
-  margin: 20px;
   fill: var(--logo-color);
   width: 30%;
   height: 30%;
 }
+
+.initial-text {
+  padding: 10px;
+}
\ No newline at end of file
diff --git a/webview/shared/Loader/styles.css b/webview/shared/Loader/styles.css
index 46043c6..192b27c 100644
--- a/webview/shared/Loader/styles.css
+++ b/webview/shared/Loader/styles.css
@@ -1,5 +1,6 @@
 .loader-wrapper {
   display: flex;
+  flex: 1;
   flex-direction: column;
   justify-content: center;
   align-items: center;