Adjust section widths and place remove button

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;
-  }
+}