fixed callback table

MythicReactUI/src/components/pages/Callbacks/Callbacks.js

@@ -217,9 +217,10 @@ export function Callbacks({me}) {
                    minSize={[0,0]}
                    onDragEnd={(sizes) => localStorage.setItem('callbackTableSplitSizes', JSON.stringify(sizes))}
                    style={{ height: "100%" }}>
-                <div style={{display: "flex", flexDirection: "row-reverse"}}>
+                <div style={{display: "flex", flexDirection: "row-reverse", height: "100%", minWidth: 0, overflow: "hidden"}}>
                     <Paper elevation={0} style={{
                         width: "34px",
+                        flex: "0 0 34px",
                         display: "flex",
                         flexDirection: "column",
                         alignItems: "center",

MythicReactUI/src/components/pages/Callbacks/CallbacksTop.js

@@ -436,7 +436,7 @@ export function CallbacksTop(props){
        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return (
-      <div style={{height: "100%", width: "100%"}}>
+      <div style={{height: "100%", flex: "1 1 auto", minWidth: 0, overflow: "hidden"}}>
           <CallbackGraphEdgesContext.Provider value={callbackEdges.current}>
               <OnOpenTabContext.Provider value={onOpenTabLocal}>
                   <OnOpenTabsContext.Provider value={onOpenTabsLocal}>
@@ -456,4 +456,4 @@ export function CallbacksTop(props){
           </CallbackGraphEdgesContext.Provider>
         </div>
     );
-}
+}