rmeove switches;update styles;

web/styles/chat.scss

@@ -6,6 +6,12 @@
   .ant-table-tbody > tr > td {
     transition: background 0.15s;
   }
+  .ant-table-row.hidden {
+    .ant-table-cell {
+      color: #444450; 
+    }
+
+  }
   .ant-table-cell {
     font-size: 12px;
 
@@ -13,6 +19,11 @@
       text-overflow: ellipsis;
       overflow: hidden;
     }
+    &.toggle-col {
+      label {
+        font-size: 11px;
+      }
+    }
   }
 
   .bulk-editor {
@@ -23,14 +34,23 @@
     flex-direction: row;
     align-items: center;
     justify-content: flex-end;
+    border-radius: 4px;
+
+    &.active {
+      .label {
+        color: #ccc;
+      }
+    }
 
     .label {
       font-size: .75rem;
       color: #666;
+      margin-right: .5rem;
     }
 
-    .toggler {
-      margin: 0 1rem 0 .5rem;
+    button {
+      margin: 0 .2rem;
+      font-size: .75rem;
     }
 
   }
@@ -49,4 +69,4 @@
   .outcome-icon {
     margin-right: .5rem;
   }
-}
+}