re-structure to monorepo.

packages/webapp/src/style/pages/Accounts/AccountFormDialog.scss

@@ -0,0 +1,51 @@
+@import '../../Base.scss';
+
+// Account Form Dialog.
+// ----------------------------
+.dialog--account-form {
+  &:not(.dialog--loading) .bp3-dialog-body {
+    margin-bottom: 30px;
+  }
+
+  .bp3-dialog-body {
+    .bp3-form-group.bp3-inline {
+      .bp3-label {
+        min-width: 140px;
+      }
+      .bp3-form-content {
+        width: 250px;
+      }
+
+      &.form-group--description {
+        .bp3-form-content {
+          width: 280px;
+        }
+        textarea {
+          min-width: 100%;
+          max-width: 100%;
+          width: 100%;
+          min-height: 60px;
+        }
+      }
+    }
+
+    .form-group--account-code {
+      margin-bottom: 16px;
+    }
+    .form-group--subaccount {
+      margin-bottom: 16px;
+
+      .bp3-icon-info-circle {
+        color: #a1b2c5;
+        position: relative;
+        top: -2px;
+        margin-left: 2px;
+      }
+    }
+    .form-group--description {
+      textarea {
+        padding: 6px;
+      }
+    }
+  }
+}

packages/webapp/src/style/pages/Accounts/List.scss

@@ -0,0 +1,71 @@
+@import '../../Base.scss';
+
+.dashboard__insider--accounts-chart {
+  .bigcapital-datatable {
+    .normal {
+      .#{$ns}-icon {
+        color: #7f91a2;
+        padding-left: 15px;
+      }
+    }
+
+    .table {
+      .tbody {
+        .tr:not(.no-results) .td {
+          padding-top: 0.3rem;
+          padding-bottom: 0.3rem;
+        }
+
+        .account_name {
+          .bp3-popover-wrapper--inactive-semafro {
+            margin-left: 8px;
+            margin-right: 6px;
+            float: right;
+            border: 0;
+          }
+          .bp3-popover-wrapper--account-desc {
+            border-bottom-color: #bbb;
+          }
+          .inactive-semafro {
+            height: 7px;
+            width: 7px;
+            background: #bbb;
+            display: inline-block;
+            border-radius: 8px;
+          }
+        }
+        .account-desc {
+          font-size: 11px;
+          color: hsl(0, 0%, 50%);
+          margin-top: 2px;
+          line-height: 1.25;
+          padding-bottom: 2px;
+          display: block;
+        }
+        .normal {
+          .bp3-popover-wrapper {
+            width: 100%;
+          }
+          .bp3-tooltip-indicator {
+            cursor: initial;
+            border-bottom: 0;
+          }
+        }
+        .actions {
+          padding-right: 18px;
+          justify-content: right;
+        }
+      }
+    }
+    .table-size--small {
+      .tbody .tr {
+        .normal {
+          svg {
+            width: 14px;
+            height: 14px;
+          }
+        }
+      }
+    }
+  }
+}