commit d6b136688826c531f802f00b408107c6bc235adf
Author: OverPoweredDev <omkar.prabhune19@vit.edu>
Date:   Fri May 28 14:33:08 2021 +0530

    added textareas to layout

diff --git a/popup/popup.css b/popup/popup.css
index 716b151..796a486 100644
--- a/popup/popup.css
+++ b/popup/popup.css
@@ -1,5 +1,5 @@
 body {
-    width: 35em;
+    width: 30em;
     height: 20em;
     margin: 0;
 }
@@ -59,7 +59,7 @@ body {
     justify-content: flex-end;
 }
 
-.btn:focus,.btn:active {
+.btn:focus,.btn:active, textarea:focus, textarea:active {
     outline: none !important;
     box-shadow: none !important;
 }
@@ -67,4 +67,12 @@ body {
 .exchange-button img{
     width: 1.5em;
     height: auto;
+}
+
+.text-box{
+    margin: 1em 0;
+}
+
+.output-text-box textarea{
+    background-color: white !important;
 }
\ No newline at end of file
diff --git a/popup/popup.html b/popup/popup.html
index fe5f00e..61d5abc 100644
--- a/popup/popup.html
+++ b/popup/popup.html
@@ -37,15 +37,19 @@
         <div class="language-select target-language">
             <div class="d-inline-flex align-items-start justify-content-between">
                 <div role="group" class="d-flex flex-wrap pl-0 btn-group">
-                    <button type="button" class="btn active btn-dark btn-sm">Target Lang</button>
+                    <button type="button" class="btn btn-dark btn-sm">Target Lang</button>
                     <button type="button" class="btn btn-dark btn-sm"><i class="fa fa-caret-down"></i></button>
                 </div>
             </div>
         </div>
     </div>
     <div class="text-boxes">
-        <div class="text-box input-text-box"></div>
-        <div class="text-box output-text-box"></div>
+        <div class="text-box input-text-box">
+            <textarea class="form-control" rows="1" placeholder="Input"></textarea>
+        </div>
+        <div class="text-box output-text-box">
+            <textarea readonly class="form-control" rows="1" placeholder="Output"></textarea>
+        </div>
     </div>
     <div class="button-row">
         <div class="translate-button"></div>