Fix checkbox iconbutton height

src/client/components/Tree.js

@@ -20,6 +20,9 @@ const styles = () => ({
   },
   treeNode: {
     fontFamily: 'Roboto',
+  },
+  formControlRoot: {
+    maxHeight: 24
   }
 });
 
@@ -148,6 +151,9 @@ class Tree extends Component {
                     />
                   }
                   label={node.title}
+                  classes={{
+                    root: classes.formControlRoot
+                  }}
                 />
               ),
             })}

src/client/index.html

@@ -26,11 +26,8 @@
     a, a:visited, a:hover, a:active {
       color: blue;
     }
-    .rstcustom__rowLabel {
-      margin-left: 10px;
-    }
-    .rstcustom__rowLabel span[class*=' MuiIconButton'], .rstcustom__rowLabel span[class^='MuiIconButton'] {
-      padding: 0px;
+    .rstcustom__expandButton {
+      margin-top: 1px
     }
     </style>
     <title><%= htmlWebpackPlugin.options.title %></title>