add styles for icons. fix icons alignment

Author: joeizang

libs/remix-ui/workspace/src/lib/components/flat-tree.tsx

@@ -215,7 +215,7 @@ export const FlatTree = (props: FlatTreeProps) => {
             {file.name}
 
           </div>
-          <div className="d-flex flex-row gap-1">
+          <div className="d-flex flex-row align-items-center">
             <div>
               <FileHoverIcons file={file} />
             </div> {getFileStateIcons(file)}

libs/remix-ui/workspace/src/lib/css/file-explorer.css

@@ -60,4 +60,16 @@ ul {
 [contenteditable] {
     -webkit-user-select: text;
     user-select: text;
-}
+}
+
+.remixui_icons {
+
+}
+
+.remixui_icons:hover {
+    color: var(--text);
+}
+
+.remixui_icons_space {
+    margin-right: 8px;
+}