feat: style item form.

client/src/style/App.scss

@@ -30,12 +30,6 @@ $pt-font-family: Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
 @import "components/data-table";
 @import "components/dialog";
   
-.bp3-breadcrumbs-collapsed::before{
-  background: escape-svg($breadcrumbs-collapsed-icon) center center;
-  width: 15px;
-  height: 15px;
-}
-
 // Pages
 @import "pages/dashboard";
 @import "pages/accounts-chart";
@@ -47,9 +41,8 @@ $pt-font-family: Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
 @import "pages/view-form";
 @import "pages/manual-journals";
 @import "pages/item-category";
+@import "pages/items";
 
 // Views
 @import "views/filter-dropdown";
-@import "views/sidebar";
-
-
+@import "views/sidebar";

client/src/style/pages/dashboard.scss

@@ -92,6 +92,11 @@
       &:hover{
         background: $light-gray2;
       }
+      &::before{
+        background: escape-svg($breadcrumbs-collapsed-icon) center center;
+        width: 15px;
+        height: 15px;
+      }
     }
   }
 

client/src/style/pages/items.scss

@@ -0,0 +1,48 @@
+
+
+
+.item-form{
+  padding: 22px;
+  padding-bottom: 90px;
+
+  &__primary-section{
+    background-color: #FAFAFA;
+    padding: 40px 22px 22px;
+    margin: -22px -22px 22px;
+    background-color: #FAFAFA;
+  }
+  &__accounts-section{
+    h4{
+      margin: 0;
+      font-weight: 500;
+      margin-bottom: 20px;
+      color: #828282;
+    }
+    > div:first-of-type{
+      padding-right: 15px !important;
+    }
+
+    > div ~ div{
+      padding-left: 15px !important;
+      border-left: 1px solid #e8e8e8;
+    }
+  }
+
+  .#{$ns}-form-group{
+    .#{$ns}-label{
+      width: 130px;
+    }
+
+    .#{$ns}-form-content{
+      width: 250px;
+    }    
+  }
+
+  .form-group--item-type,
+  .form-group--item-name{
+    
+    .#{$ns}-form-content{
+      width: 350px;
+    }  
+  }
+}