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