From 40e223013330cd64d95bd7641697b47352cd558e Mon Sep 17 00:00:00 2001
From: Abhas Bhattacharya <abhasbhattacharya2@gmail.com>
Date: Wed, 11 Apr 2018 14:46:36 +0530
Subject: [PATCH] Adjust section widths and place remove button

---
 .../PortfolioManager/PortfolioManager.css     | 38 ++++++++++++++++---
 1 file changed, 32 insertions(+), 6 deletions(-)

diff --git a/src/Components/PortfolioManager/PortfolioManager.css b/src/Components/PortfolioManager/PortfolioManager.css
index e65746b..771047a 100644
--- a/src/Components/PortfolioManager/PortfolioManager.css
+++ b/src/Components/PortfolioManager/PortfolioManager.css
@@ -58,17 +58,21 @@
     padding: 0.25em;
 }
 
+.portfolio-manager .editor-body .section-remove-btn {
+    float: left;
+}
+
 .portfolio-manager .section-stock {
-    width: 35%;
+    width: 30%;
     padding-left: 1em;
 }
 
 .portfolio-manager .section-shares {
-    width: 23%;
+    width: 22%;
 }
 
 .portfolio-manager .section-price, .portfolio-manager .section-weight {
-    width: 17%;
+    width: 20%;
 }
 
 .portfolio-manager .section-remove-btn {
@@ -82,6 +86,27 @@
 }
 
 .portfolio-manager .editor-body .section-remove-btn {
+    position: relative;
+    height: 1.25em;
+}
+
+.portfolio-manager .editor-body .section-remove-btn button {
+    position: absolute;
+    right: 0.5em;
+    top: 50%;
+    transform: translateY(-50%);
+
+    border-radius: 50%;
+    background-color: #EE6723;
+    color: white;
+    text-align: center;
+}
+
+.portfolio-manager .editor-header .section-price, .portfolio-manager .editor-header .section-weight {
+    text-align: right;
+}
+
+.portfolio-manager .editor-header .section-shares {
     text-align: center;
 }
 
@@ -90,14 +115,14 @@
     padding-right: 0.5em;
 }
 
+/* +,-,remove Button styles */
+
 .portfolio-manager button {
     position: relative;
     width: 1em;
     height: 1em;
 }
 
-/* +,-,remove Button styles */
-
 .portfolio-manager button .btn-text {
     position: absolute;
     font-size: 1em;
@@ -127,6 +152,7 @@
 }
 
 /* Rupee styling */
+
 .portfolio-manager .rupee-sign {
     font-family: PingFangSC-Light, serif;
-  }
\ No newline at end of file
+}
\ No newline at end of file