feat: style balance sheet comparison.

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

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