@@ -40,17 +40,12 @@ const ItemWrapper = styled.div`
4040 margin-bottom: 0;
4141 }
4242 .module-container {
43- //width: 70px;
4443 display: flex;
45- justify-content: space-between;
46- text-align: left;
4744 }
4845 .module-icon {
49-
50- display: flex;
51- justify-content: center;
52- align-items: center;
53- margin: 4px;
46+ margin-right: 4px;
47+ width:19px;
48+ height: 19px;
5449 }
5550 .module-content {
5651 flex: 1;
@@ -249,10 +244,7 @@ function ModuleItem(props: ModuleItemProps) {
249244} }
250245>
251246< div className = "module-container" >
252- < div className = "module-icon" >
253- < ModuleDocIcon width = "19px" height = "19px" />
254- </ div >
255-
247+ < ModuleDocIcon className = "module-icon" />
256248< div style = { { flexGrow :1 , marginRight :"8px" , width :"calc(100% - 62px)" } } >
257249< EditText
258250text = { meta . name }
@@ -282,7 +274,7 @@ const HighlightBorder = styled.div<{ $active: boolean; $foldable: boolean; $leve
282274 border-radius: 4px;
283275 border: 1px solid${ ( props ) => ( props . $active ?BorderActiveColor :"transparent" ) }
284276 align-items: center;
285- justify-content:center ;
277+ justify-content:space-between ;
286278` ;
287279
288280interface ColumnDivProps {
@@ -463,7 +455,7 @@ function ModuleSidebarItem(props: ModuleSidebarItemProps) {
463455{ isFolder && < FoldIconBtn > { ! isFolded ?< FoldedIcon /> :< UnfoldIcon /> } </ FoldIconBtn > }
464456{ isFolder ?
465457< >
466- < FileFolderIcon />
458+ < FileFolderIcon style = { { marginRight : "4px" } } />
467459< div style = { { flexGrow :1 , marginRight :"8px" , width :"calc(100% - 62px)" } } >
468460< EditText
469461text = { name }