feat: optimize view form.

client/src/style/components/data-table.scss

@@ -134,6 +134,14 @@
           background-color: #CFDCEE;
         }
       }
+      .tr.no-results{
+        .td{
+          flex-direction: column;
+          padding: 20px;
+          color: #666;
+          align-items: center;
+        }
+      }
     }
 
     .tr .th.expander,

client/src/style/objects/form.scss

@@ -80,12 +80,12 @@ $form-check-input-indeterminate-bg-image: url("data:image/svg+xml,<svg xmlns='ht
 .#{$ns}-html-select select,
 .#{$ns}-select select{
   background-image: none;
-  border-radius: 0;
+  border-radius: 2px;
   
   &,
   &:hover{
     background: #fff;
-    box-shadow: 0 0 0;
+    box-shadow: none;
     border: 1px solid #ced4da;
   }
   &:focus{
@@ -149,16 +149,16 @@ $form-check-input-indeterminate-bg-image: url("data:image/svg+xml,<svg xmlns='ht
 .#{$ns}-control {
 
   input:checked ~ .#{$ns}-control-indicator {
-    box-shadow: 0 0 0 transparent;
+    box-shadow: none;
     background-color: transparent;
     background-image: none;
   }
   &:hover input:checked ~ .#{$ns}-control-indicator {
-    box-shadow: 0 0 0 transparent;
+    box-shadow: none;
     background-color: transparent;
   }
   input:not(:disabled):active:checked ~ .#{$ns}-control-indicator {
-    box-shadow: 0 0 0 transparent;
+    box-shadow: none;
     background: transparent;
   }
   input:disabled:checked ~ .#{$ns}-control-indicator {

client/src/style/pages/accounts-chart.scss

@@ -20,7 +20,7 @@
       }
 
       .tbody{
-        .tr .td{
+        .tr:not(.no-results) .td{
           padding-top: 0.4rem;
           padding-bottom: 0.4rem;
         }

client/src/style/pages/dashboard.scss

@@ -205,7 +205,6 @@
   }
 
   &__insider{
-    height: 100%;
     
     &--loading{
       display: flex;

client/src/style/pages/view-form.scss

@@ -4,6 +4,7 @@
 .dashboard__insider--view-form{
   padding-left: 25px;
   padding-right: 25px;
+  padding-bottom: 90px;
 
   .view-form--name-section{
     margin-left: -25px;
@@ -23,7 +24,7 @@
   }
 
   &--logic-expression-section{
-    padding: 20px 25px;
+    padding: 30px 25px;
     margin: 1rem -25px 1.5rem;
     background: #fbfafa;
 
@@ -33,7 +34,7 @@
   }
 
   .condition-number{
-    color: #666;
+    color: #888;
   }
 
   .#{$ns}-form-group.#{$ns}-inline{
@@ -61,7 +62,9 @@
     }
 
     &__title{
-      color: #666;
+      color: #888;
+      font-weight: 400;
+      font-size: 15px;
     }
   }
 
@@ -87,5 +90,13 @@
 
   &__role-conditional{
     margin-top: 1rem;
+
+    .bp3-form-group{
+      margin-bottom: 0;
+    }
+  }
+
+  &__role-conditions-actions{
+    margin-top: 14px;
   }
 }

client/src/style/views/Sidebar.scss

@@ -2,7 +2,7 @@
 $sidebar-background: #01194E;
 $sidebar-text-color: #fff;
 $sidebar-width: 220px;
-$sidebar-menu-item-color: #a8b1c7;
+$sidebar-menu-item-color: #b8c0d5;
 
 $sidebar-popover-submenu-bg: rgb(1, 20, 62);