From 85a78b3809d90af06902cdeb866cb6df98ee0ea1 Mon Sep 17 00:00:00 2001
From: elforjani13 <39470382+elforjani13@users.noreply.github.com>
Date: Thu, 13 Jan 2022 16:25:46 +0200
Subject: [PATCH] feat: style balance sheet comparison.

---
 .../BalanceSheetHeaderComparisonPanal.js      | 22 +++++++++++++++++--
 .../FinancialStatements/BalanceSheet.scss     |  4 ++--
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/containers/FinancialStatements/BalanceSheet/BalanceSheetHeaderComparisonPanal.js b/src/containers/FinancialStatements/BalanceSheet/BalanceSheetHeaderComparisonPanal.js
index 51e0f563f..ee3fbb152 100644
--- a/src/containers/FinancialStatements/BalanceSheet/BalanceSheetHeaderComparisonPanal.js
+++ b/src/containers/FinancialStatements/BalanceSheet/BalanceSheetHeaderComparisonPanal.js
@@ -12,7 +12,7 @@ import { Row, Col, FieldHint } from '../../../components';
  */
 export default function BalanceSheetHeaderComparisonPanal() {
   return (
-    <div>
+    <BalanceSheetComparisonWrap>
       {/*------------ Percentage -----------*/}
       <Row>
         <Col xs={3}>
@@ -137,6 +137,24 @@ export default function BalanceSheetHeaderComparisonPanal() {
           </FastField>
         </Col>
       </Row>
-    </div>
+    </BalanceSheetComparisonWrap>
   );
 }
+
+const BalanceSheetComparisonWrap = styled.div`
+  .row {
+    display: flex;
+    flex-wrap: nowrap;
+    margin-left: -0.3rem;
+    margin-right: -0.3rem;
+
+    .col {
+      padding-left: 0.3rem;
+      padding-right: 0.3rem;
+
+      .bp3-form-group {
+        margin-bottom: 0;
+      }
+    }
+  }
+`;
diff --git a/src/style/pages/FinancialStatements/BalanceSheet.scss b/src/style/pages/FinancialStatements/BalanceSheet.scss
index 90b59ca54..eea6edd57 100644
--- a/src/style/pages/FinancialStatements/BalanceSheet.scss
+++ b/src/style/pages/FinancialStatements/BalanceSheet.scss
@@ -6,8 +6,8 @@
 
       .thead,
       .tbody{
-        .tr .td.account_name ~ .td,
-        .tr .th.account_name ~ .th{
+        .tr .td.name ~ .td,
+        .tr .th.name ~ .th{
           text-align: right;
         }
       }