feat: optimize style of role permissions form.

src/style/App.scss

@@ -11,6 +11,7 @@
 
 // Objects
 @import 'objects/form';
+@import 'objects/switch';
 @import 'objects/typography';
 @import 'objects/buttons';
 @import 'objects/Bigcapital';

src/style/objects/switch.scss

@@ -0,0 +1,8 @@
+.bp3-control.bp3-switch {
+  .bp3-control-indicator {
+
+    &:before {
+      box-shadow: none;
+    }
+  }
+}

src/style/pages/Preferences/Page.scss

@@ -33,6 +33,8 @@
     }
   }
   &__inside-content {
+    overflow: auto;
+
     .#{$ns}-tab-list {
       border-bottom: 1px solid #e5e5e5;
       padding-left: 15px;

src/style/pages/Preferences/Roles/Form.scss

@@ -1,6 +1,8 @@
 //  Roles Form page
 //---------------------------------
 .preferences-page__inside-content--roles-form {
+  padding-bottom: 60px;
+
   .card {
     padding: 25px;
 
@@ -20,17 +22,21 @@
   }
 
   .bp3-form-group {
-    max-width: 500px;
+    max-width: 600px;
     margin-bottom: 14px;
 
     &.bp3-inline {
       .bp3-label {
-        min-width: 100px;
+        min-width: 150px;
       }
     }
     .bp3-form-content {
       width: 100%;
     }
+
+    &:last-of-type{
+      margin-bottom: 0;
+    }
   }
   .form-group--description {
     textarea {
@@ -39,20 +45,4 @@
       font-size: 14px;
     }
   }
-  .bp3-control.bp3-checkbox {
-    .bp3-control-indicator {
-      border: 1px solid #c2c2c2;
-      cursor: auto;
-
-      &,
-      &:hover {
-        height: 15px;
-        width: 15px;
-      }
-      &:before {
-        width: 15px;
-        height: 15px;
-      }
-    }
-  }
 }

src/style/pages/Preferences/Sidebar.scss

@@ -3,7 +3,7 @@
 // Preferences sidebar.
 // -----------------------------
 .preferences-sidebar {
-  background: #e5eaee;
+  background: #eaeef6;
   border-right: 1px solid #c6d0d9;
   min-width: 220px;
   max-width: 220px;
@@ -13,13 +13,17 @@
   &__wrapper {
     height: 100%;
   }
+
   .ScrollbarsCustom-Track {
+
     &.ScrollbarsCustom-TrackY,
     &.ScrollbarsCustom-TrackX {
       background: rgba(0, 0, 0, 0);
     }
   }
+
   .ScrollbarsCustom-Thumb {
+
     &.ScrollbarsCustom-ThumbX,
     &.ScrollbarsCustom-ThumbY {
       background: rgba(0, 0, 0, 0);
@@ -28,6 +32,7 @@
 
   &:hover {
     .ScrollbarsCustom-Thumb {
+
       &.ScrollbarsCustom-ThumbX,
       &.ScrollbarsCustom-ThumbY {
         background: rgba(0, 0, 0, 0.15);
@@ -68,4 +73,4 @@
       }
     }
   }
-}
+}