Merge pull request #3811 from ProjectMirador/mui5-toc-style

[MUI] Apply styles to the ToC nodes
ProjectMirador · Nov 21, 2023 · 0d1a938 · 0d1a938
2 parents 0847e2a + ea639fa
commit 0d1a938
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/src/components/SidebarIndexTableOfContents.js b/src/components/SidebarIndexTableOfContents.js
@@ -124,20 +124,23 @@ export class SidebarIndexTableOfContents extends Component {
         <TreeItem
           nodeId={node.id}
           sx={{
-            '&.MuiTreeItem-content': {
+            '& .MuiTreeItem-content': {
               alignItems: 'flex-start',
               borderLeft: '1px solid transparent',
               padding: '8px 16px 8px 0',
               width: 'auto',
             },
-            '&.MuiTreeItem-group': {
+            '& .MuiTreeItem-group': {
               borderLeft: '1px solid',
-              borderLeftColor: 'grey[300]',
+              borderLeftColor: 'grey.300',
             },
-            '&.MuiTreeItem-label': {
+            '& .MuiTreeItem-iconContainer': {
+              paddingBlockStart: 0.5,
+            },
+            '& .MuiTreeItem-label': {
               paddingLeft: 0,
             },
-            '&.MuiTreeItem-root': {
+            '& .MuiTreeItem-root': {
               '&:focus > .MuiTreeItem-content': {
                 backgroundColor: 'action.selected',
               },