diff --git a/package.json b/package.json
index 5a371714..8b7edc5d 100644
--- a/package.json
+++ b/package.json
@@ -1,4 +1,3 @@
-
 {
   "name": "cirdlesweb",
   "version": "0.1.0",
@@ -20,7 +19,7 @@
     "@babel/polyfill": "^7.12.1",
     "@material-ui/core": "^4.11.4",
     "@material-ui/icons": "^4.11.2",
-    "axios": "^0.24.0",
+    "axios": "^0.25.0",
     "babel-core": "^6.26.3",
     "bootstrap": "^4.5.0",
     "classnames": "^2.2.6",
@@ -109,4 +108,3 @@
     "worker-loader": "^2.0.0"
   }
 }
-
diff --git a/src/constants/api.js b/src/constants/api.js
index 20cf2286..e20000c2 100644
--- a/src/constants/api.js
+++ b/src/constants/api.js
@@ -4,7 +4,7 @@ export const AMBAPO_ENDPOINT = BASE_URL + "/ambapo";
 export const SQUID_ENDPOINT = BASE_URL + "/prawn";
 export const TOPSOIL_ENDPOINT = BASE_URL + "/topsoil";
 export const MARS_ENDPOINT = BASE_URL + "/mars";
-export const SQUIDINK_ENDPOINT = "https://cirdles.cs.cofc.edu/sservlet";
+export const SQUIDINK_ENDPOINT = "http://localhost:8080/squid_servlet-1.0.0";
 export const PORTEDSQUID_ENDPOINT = BASE_URL + "/portedsquid";
 
 // Sesar APIs
@@ -14,10 +14,10 @@ export const PORTEDSQUID_ENDPOINT = BASE_URL + "/portedsquid";
 export const SESAR_BASE_URL = "https://app.geosamples.org";
 
 export const SESAR_LOGIN =
-  SESAR_BASE_URL + "/webservices/credentials_service_v2.php";
+    SESAR_BASE_URL + "/webservices/credentials_service_v2.php";
 
 export const SESAR_SAMPLE_PROFILE =
-  SESAR_BASE_URL + "/webservices/display.php?igsn=";
+    SESAR_BASE_URL + "/webservices/display.php?igsn=";
 // added oct 2020 to show sample profile with bar code
 export const SESAR_SAMPLE_DISPLAY = SESAR_BASE_URL + "/sample/igsn/";
 export const SESAR_USER_SAMPLES = SESAR_BASE_URL + "/samples/user_code/";
@@ -28,6 +28,6 @@ export const POST_HEADERS = {
 };
 
 // Filebrowser
-export const FILEBROWSER_URL = "https://cirdles.cs.cofc.edu/filebrowser"
+export const FILEBROWSER_URL = "http://localhost:8081"
 
-export const SQUIDINK_ENABLED = false;
+export const SQUIDINK_ENABLED = false;
\ No newline at end of file
diff --git a/src/scenes/Squidink/components/ContextMenu.js b/src/scenes/Squidink/components/ContextMenu.js
index c7e75bd8..00780cf8 100644
--- a/src/scenes/Squidink/components/ContextMenu.js
+++ b/src/scenes/Squidink/components/ContextMenu.js
@@ -22,7 +22,7 @@ export default class DropdownCustom extends React.Component {
             <>
                 {
                     this.props.menuActive ?
-                        <ul className="menu" style={{top: this.props.yPos, left: this.props.xPos, position: "absolute"}}>
+                        <ul className="menu" style={{top: this.props.yPos, left: this.props.xPos, position: "absolute", zIndex: 100}}>
                             {
                                 this.state.outputMap.map((content) => {
                                     return content
diff --git a/src/scenes/Squidink/components/CurrentTask.js b/src/scenes/Squidink/components/CurrentTask.js
index 6f3da71e..8f4b77cb 100644
--- a/src/scenes/Squidink/components/CurrentTask.js
+++ b/src/scenes/Squidink/components/CurrentTask.js
@@ -15,6 +15,8 @@ import ButtonGroup from "@material-ui/core/ButtonGroup";
 import Select from "@material-ui/core/Select";
 import MenuItem from "@material-ui/core/MenuItem";
 import {requestSender} from "../util/constants";
+import {FILEBROWSER_URL} from "constants/api";
+import Modal from "@material-ui/core/Modal";
 
 let cx = classNames.bind(style);
 
@@ -41,12 +43,17 @@ export class CurrentTask extends React.Component {
             Uncor206Styling: true,
             Uncor208Styling: true,
             THUStyling: true,
-            ParEleStyling: true
+            ParEleStyling: true,
+            modal: false,
+            routeVal: "",
 
         };
         //If a component requires 'this.' context, it's easiest to bind it, i.e.
         this.pullStrings = this.pullStrings.bind(this)
         this.componentDidMount = this.componentDidMount.bind(this)
+        this.saveCurrentXML = this.saveCurrentXML.bind(this)
+        this.modal = this.modal.bind(this)
+        this.closeBrowseAction = this.closeBrowseAction.bind(this)
 
     }
     componentDidMount() {
@@ -78,6 +85,23 @@ export class CurrentTask extends React.Component {
             })
         })
     }
+    saveCurrentXML(fileRoute) {
+
+        //Pulls Filebrowser route from WrapperComponent, trims off everything from /files/ and before to get the raw path
+        let presentRoute = localStorage.getItem("fborigin")
+        //If present route has a legitimate value, concat with filename, otherwise just leave filename raw
+        let finalRoute = presentRoute ? presentRoute + this.state.routeVal + ".xml" : this.state.routeVal + ".xml"
+        requestSender('/savexml', localStorage.getItem('user') + ":" + finalRoute + ":current").then(() => {
+            this.closeBrowseAction();
+        })
+
+    }
+    async modal() {
+        this.setState({modal: true})
+    }
+    async closeBrowseAction() {
+        this.setState({modal: false})
+    }
     flipPrimary = () => {
         if(this.state.primaryRadio == "238") {
             this.setState({primaryRadio: "232"}, this.saveStrings)
@@ -121,16 +145,44 @@ export class CurrentTask extends React.Component {
             //All functions are self-contained to the wrapper with the exception of the history.push to reroute the user, which requires a reference to the React-Router
             //Because WrapperComponent is not instantiated from the router but from its child, we have to pass in the history as a prop
             <WrapperComponent stateNum={1}history={this.props.history}>
+                <Modal open={this.state.modal} onClose={this.modal}>{
+                    <div style={{position: 'absolute', width: '600px', height: "70%", top: '50%', left: '50%', transform: 'translate(-50%, -50%)', border: '2px solid #000', backgroundColor: 'white', padding: '4px'}} className={'paper'}>
+                        <div style={{height: "90%", width: "100%"}}>
+                            <div>
+                                <iframe id='iframeee'
+                                        style={{
+                                            display: 'flex',
+                                            flexGrow: '1',
+                                            overflow: 'auto',
+                                            height: '100%',
+                                            width: `100%`
+                                        }}
+                                        src={FILEBROWSER_URL}></iframe>
+                            </div>
+                            <div style={{paddingRight: "10px", display: "inline"}}>
+                                <TextField value={this.state.routeVal} onChange={(e) => {
+                                    if (!e.target.value.includes('.')) {
+                                        this.setState({
+                                            routeVal: e.target.value
+                                        })
+                                    }
+                                }}label="File Name Here:" />
+                                <Button style={{marginTop: "10px"}}variant="contained" color="primary" onClick={this.saveCurrentXML}>Save</Button>
+                            </div>
+                            <Button style={{marginTop: "10px"}} variant="contained" color="primary"
+                                    onClick={()=>this.setState({modal: false})}>Cancel</Button>
+                        </div>
+                    </div>}</Modal>
                 <div className={cx('grid-container-custom-t')}>
                     <div className={cx('task-name-label')}>
                         <h3>Task Name:</h3>
                     </div>
                     <div className={cx('task-name-text')}>
                         <TextField defaultValue={this.state.taskName}
-                                   label="Task name"style={{width: '80%'}} onChange={(e) => {
+                                   label="Task name"style={{width: '70%'}} onChange={(e) => {
                                       this.setState({taskName: e.target.value}, this.saveStrings)
                         }}/>
-                        <h5 className={cx('geochron-label')} style={{display: "inline", paddingTop: "10px", paddingLeft: "30px"}}>Geochron Mode</h5>
+                        <h5 className={cx('geochron-label')} style={{display: "inline", paddingTop: "10px", paddingLeft: "30px", fontSize: "2.5vmin"}}>Geochron Mode</h5>
                     </div>
                     <div className={cx('description-label')}>
                         <h3>Description:</h3>
@@ -266,7 +318,7 @@ export class CurrentTask extends React.Component {
                             </Button>
                         </div>
                         <Button variant="contained" color={"primary"} style={{display: "inline"}}
-                                onClick={() => {console.log("")}}>
+                                onClick={this.modal}>
                             Save Current Task as a Squid Task '.xml' file
                         </Button>
                     </div>
diff --git a/src/scenes/Squidink/components/CustomLibrary.js b/src/scenes/Squidink/components/CustomLibrary.js
index 1044c0dd..8bc59048 100644
--- a/src/scenes/Squidink/components/CustomLibrary.js
+++ b/src/scenes/Squidink/components/CustomLibrary.js
@@ -12,6 +12,10 @@ import FormControlLabel from "@material-ui/core/FormControlLabel";
 import Radio from "@material-ui/core/Radio";
 import Button from "@material-ui/core/Button";
 
+import Modal from "@material-ui/core/Modal";
+import {FILEBROWSER_URL} from "constants/api";
+
+
 let cx = classNames.bind(style);
 
 export class CustomLibrary extends React.Component {
@@ -43,12 +47,15 @@ export class CustomLibrary extends React.Component {
             mass: [],
             ratios: [],
             selected: false,
-
+            modal: false,
+            routeVal: "",
         };
         //If a component requires 'this.' context, it's easiest to bind it, i.e.
         this.pullTaskList = this.pullTaskList.bind(this)
         this.componentDidMount = this.componentDidMount.bind(this)
-
+        this.saveCurrentXML = this.saveCurrentXML.bind(this)
+        this.modal = this.modal.bind(this)
+        this.closeBrowseAction = this.closeBrowseAction.bind(this)
     }
     componentDidMount() {
         this.pullTaskList()
@@ -59,6 +66,16 @@ export class CustomLibrary extends React.Component {
             this.setState({mount: true, taskList: body}, () => {this.taskListSelect(null, this.state.taskList[0].trimStart().trim())})
         })
     }
+    saveCurrentXML(fileRoute) {
+
+        //Pulls Filebrowser route from WrapperComponent, trims off everything from /files/ and before to get the raw path
+       let presentRoute = localStorage.getItem("fborigin")
+       //If present route has a legitimate value, concat with filename, otherwise just leave filename raw
+       let finalRoute = presentRoute ? presentRoute + this.state.routeVal + ".xml" : this.state.routeVal + ".xml"
+       requestSender('/savexml', localStorage.getItem('user') + ":" + finalRoute).then(() => {
+           this.closeBrowseAction();
+       })
+    }
 
     saveStrings = () => {
         let bodyData = localStorage.getItem("user") + "!@#" + this.state.taskName + "!@#" + this.state.taskDesc + "!@#" + this.state.taskAuthor + "!@#" +
@@ -77,6 +94,12 @@ export class CustomLibrary extends React.Component {
         document.getElementsByClassName("thor-ur-box")[0].style.backgroundColor = (this.state.THUStyling ? "#00FF0033" : "#ff00004d")
         document.getElementsByClassName("p-ele-const-box")[0].style.backgroundColor = (this.state.ParEleStyling ? "#00FF0033" : "#ff00004d")
     }
+    async modal() {
+        this.setState({modal: true})
+    }
+    async closeBrowseAction() {
+        this.setState({modal: false})
+    }
 
     taskListSelect = (e, initialCall) => {
         if(this.state.selectedTask) {
@@ -272,7 +295,34 @@ export class CustomLibrary extends React.Component {
                 //All functions are self-contained to the wrapper with the exception of the history.push to reroute the user, which requires a reference to the React-Router
                 //Because WrapperComponent is not instantiated from the router but from its child, we have to pass in the history as a prop
                 <WrapperComponent stateNum={1}history={this.props.history}>
-
+                <Modal open={this.state.modal} onClose={this.modal}>{
+                    <div style={{position: 'absolute', width: '600px', height: "70%", top: '50%', left: '50%', transform: 'translate(-50%, -50%)', border: '2px solid #000', backgroundColor: 'white', padding: '4px'}} className={'paper'}>
+                        <div style={{height: "90%", width: "100%"}}>
+                            <div>
+                                <iframe id='iframeee'
+                                        style={{
+                                            display: 'flex',
+                                            flexGrow: '1',
+                                            overflow: 'auto',
+                                            height: '100%',
+                                            width: `100%`
+                                        }}
+                                        src={FILEBROWSER_URL}></iframe>
+                            </div>
+                            <div style={{paddingRight: "10px", display: "inline"}}>
+                                <TextField value={this.state.routeVal} onChange={(e) => {
+                                    if (!e.target.value.includes('.')) {
+                                        this.setState({
+                                            routeVal: e.target.value
+                                        })
+                                    }
+                                }}label="File Name Here:" />
+                                <Button style={{marginTop: "10px"}}variant="contained" color="primary" onClick={this.saveCurrentXML}>Save</Button>
+                            </div>
+                            <Button style={{marginTop: "10px"}} variant="contained" color="primary"
+                                    onClick={()=>this.setState({modal: false})}>Cancel</Button>
+                        </div>
+                    </div>}</Modal>
                     <div className={cx('grid-container-custom-tl')}>
                         <div className={cx('task-list')}>
                             {this.state.taskList.map((entry) => {
@@ -457,6 +507,7 @@ export class CustomLibrary extends React.Component {
                                     </div>
 
                                     <Button variant="contained" color={"primary"} style={{display: "inline"}}
+                                            onClick={this.modal}>
                                             onClick={() => {
                                                 console.log("")
                                             }}>
diff --git a/src/scenes/Squidink/components/Isotopes.js b/src/scenes/Squidink/components/Isotopes.js
new file mode 100644
index 00000000..ad86bfb7
--- /dev/null
+++ b/src/scenes/Squidink/components/Isotopes.js
@@ -0,0 +1,240 @@
+import React from 'react';
+import style from 'styles/Squidink/Main.scss';
+import classNames from 'classnames/bind';
+import "constants/api";
+import {connect} from "react-redux";
+import WrapperComponent from "./WrapperComponent";
+import {requestSender} from "../util/constants";
+import Button from "@material-ui/core/Button";
+import ContextMenu from "./ContextMenu";
+
+let cx = classNames.bind(style);
+
+export class Isotopes extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            tableArr: null,
+            previousEleId: 0,
+            tableId: 0,
+            contextContentFunctions: [],
+            contextContent: [],
+            xPos: -1,
+            yPos: -1,
+            menuActive: false,
+            curAmu: -1
+        }
+        this.onClickEvent = this.onClickEvent.bind(this)
+        this.nonEditOnClickEvent = this.nonEditOnClickEvent.bind(this)
+        this.pullIsotopes = this.pullIsotopes.bind(this)
+        this.setBackground = this.setBackground.bind(this)
+        this.contextMenuFunc = this.contextMenuFunc.bind(this)
+    }
+
+    componentDidMount() {
+        this.pullIsotopes()
+        document.getElementById("table").addEventListener("contextmenu", this.contextMenuFunc)
+    }
+
+    componentWillUnmount() {
+        document.getElementById("table").removeEventListener("contextmenu", this.contextMenuFunc)
+    }
+
+    contextMenuFunc(e) {
+        try {
+            e.preventDefault()
+            let clicked = document.getElementById(e.target.id);
+            clicked.parentElement.style.backgroundColor = "#4982F4"
+            //Row must be an actual row/ cell
+            if(clicked.id != "table" && clicked.name != "msl" && clicked.name != "el" && clicked.name != "uth" && clicked.name != "dil" && clicked.name != "til" && clicked.name != "amu") {
+                let amu;
+                switch(clicked.id%6) {
+                    case 1:
+                        amu = clicked.nextElementSibling.nextElementSibling.nextElementSibling.textContent
+                        break;
+                    case 2:
+                        amu = clicked.nextElementSibling.nextElementSibling.textContent
+                        break;
+                    case 3:
+                        amu = clicked.nextElementSibling.textContent
+                        break;
+                    case 4:
+                        amu = clicked.textContent
+                        break;
+                    case 5:
+                        amu = clicked.previousElementSibling.textContent
+                        break;
+                    case 0:
+                        amu = clicked.previousElementSibling.previousElementSibling.textContent
+                        break;
+                }
+                console.log(amu)
+                console.log(clicked.id)
+                console.log(clicked.id%6)
+                console.log(clicked)
+                this.setState({
+                    curAmu: amu,
+                    xPos: e.pageX + 'px',
+                    yPos: (e.pageY - 40) + 'px',
+                    contextContent: ["Select as Background Isotope", "De-select as Background Isotope"],
+                    contextContentFunctions: [() => {
+                        this.setBackground(true, false, amu)
+                        this.setState({menuActive: false})
+                    }, () => {
+                        this.setBackground(false, false, amu)
+                        this.setState({menuActive: false})
+                    }],
+                    menuActive: true
+                })
+            }
+
+        } catch(e) {
+            //if they didnt click on a row, its not our fault
+        }
+    }
+
+    pullIsotopes() {
+        requestSender('/isotopes', localStorage.getItem("user")).then(r => {
+            this.setState({tableArr: r.data});
+        })
+    }
+
+    setBackground(isSelect, isCopy, amu) {
+        if(isCopy) {
+            requestSender('/background', localStorage.getItem("user") + `:.:.:copy`).then(r => {
+                this.pullIsotopes()
+            })
+        }
+        else{
+            requestSender('/background', localStorage.getItem("user") + `:${amu}:${isSelect}:${isCopy}`).then(r => {
+                this.pullIsotopes()
+            })
+        }
+    }
+    onClickEvent = (e) => {
+        if (this.state.previousEleId) {
+            let prevEle = document.getElementById(this.state.previousEleId)
+            if(prevEle) {
+                prevEle.parentElement.style.backgroundColor = ""
+                prevEle.contentEditable = false
+            }
+        }
+        let curEle = document.getElementById(e.target.id)
+
+        curEle.parentElement.style.backgroundColor = "#4982F4"
+        curEle.contentEditable = true
+
+        setTimeout(() => {
+            curEle.focus()
+            curEle.addEventListener("focusout", (e) => {
+                let prevEle = document.getElementById(e.target.id)
+                let type;
+                let amu;
+                let val = prevEle.textContent
+                switch(prevEle.id%6) {
+                    case 2:
+                        type="el"
+                        amu = prevEle.nextElementSibling.nextElementSibling.textContent
+                        break;
+                    case 3:
+                        type="uth"
+                        amu = prevEle.nextElementSibling.textContent
+                        break;
+                    case 5:
+                        type="dil"
+                        amu = prevEle.previousElementSibling.textContent
+                        break;
+                }
+                requestSender("/isotopesetter", localStorage.getItem("user") + ":" + amu + ":" + type + ":" + val )
+            })
+        }, 0)
+
+        this.setState({previousEleId: e.target.id})
+    }
+    nonEditOnClickEvent = (e) => {
+        if (this.state.previousEleId) {
+            let prevEle = document.getElementById(this.state.previousEleId)
+            prevEle.parentElement.style.backgroundColor = ""
+            prevEle.contentEditable = false
+        }
+        let curEle = document.getElementById(e.target.id)
+
+        curEle.parentElement.style.backgroundColor = "#4982F4"
+
+        this.setState({previousEleId: e.target.id})
+    }
+    render() {
+        let counter = 0;
+        return (
+            //All functions are self-contained to the wrapper with the exception of the history.push to reroute the user, which requires a reference to the React-Router
+            //Because WrapperComponent is not instantiated from the router but from its child, we have to pass in the history as a prop
+            <WrapperComponent stateNum={1} history={this.props.history}>
+                <ContextMenu functions={this.state.contextContentFunctions}
+                             contextContent={this.state.contextContent} xPos={this.state.xPos}
+                             yPos={this.state.yPos} menuActive={this.state.menuActive}/>
+                <div style={{
+                    width: "100%", position: "relative", background: "#dce3e6",
+                    border: "2px solid #e1e4e8", margin: "60px 60px 0px 60px"
+                }}>
+                    <div style={{width: "100%", height: "10%", display: "flex"}}>
+                        <b style={{textAlign: "center", color: "#c45003"}}>BUTTON will copy Task Isotope Labels from
+                            Column T to Data Isotope Labels in Column D.
+                            Or, you can edit Data Isotope Labels in Column D to match Task Isotope Labels in Column T.
+                            Right-mouse click a row to (de)select Background Isotope.</b>
+                    </div>
+                    <div style={{width: '100%', height: '60%', position: 'relative'}}>
+                        <table id={"table"}>
+                            <tr>
+                                <th name="msl">
+                                    Mass Station Label
+                                </th>
+                                <th name="el">
+                                    Element Label (edit)
+                                </th>
+                                <th name="uth">
+                                    U- or Th-Bearing (edit)
+                                </th>
+                                <th name="amu">
+                                    AMU
+                                </th>
+                                <th name="dil">
+                                    (D) Data Isotope Label (edit)
+                                </th>
+                                <th name="til">
+                                    (T) Task Isotope Label
+                                </th>
+                            </tr>
+                            {
+                                this.state.tableArr ? this.state.tableArr.map((entry) => {
+                                    return (
+                                        <tr>
+                                            <td id={++counter} onClick={this.nonEditOnClickEvent}>{entry.msl}</td>
+                                            <td id={++counter} onClick={this.onClickEvent}>{entry.el}</td>
+                                            <td id={++counter} onClick={this.onClickEvent}>{entry.uth}</td>
+                                            <td id={++counter} onClick={this.nonEditOnClickEvent}>{entry.amu}</td>
+                                            <td id={++counter} onClick={this.onClickEvent}>{entry.dil}</td>
+                                            <td id={++counter} onClick={this.nonEditOnClickEvent}>{entry.til}</td>
+                                        </tr>
+                                    )
+                                }) : null
+                            }
+                        </table>
+                        <div style={{position: 'relative', width: "50%", display: "inline-block"}}>
+                        </div>
+                        <div style={{position: 'relative', width: '50%', display: "inline-block"}}>
+                            <b style={{textAlign: "center", color: "#c45003", display: "block"}}>Background Status: Selected</b>
+                            <div style={{display: "flex", justifyContent: "center"}}>
+                                <Button onClick={() => this.setBackground(false, true)}style={{backgroundColor: "#ff6e3c"}}> &lt;&lt;Copy Task
+                                    Isotope Labels (T) to Data Isotope Labels (D)</Button>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+            </WrapperComponent>
+        )
+    }
+}
+
+export default connect()(Isotopes);
+
diff --git a/src/scenes/Squidink/components/ManageProject.js b/src/scenes/Squidink/components/ManageProject.js
index eb2131f1..05ec947b 100644
--- a/src/scenes/Squidink/components/ManageProject.js
+++ b/src/scenes/Squidink/components/ManageProject.js
@@ -296,8 +296,12 @@ export class ManageProject extends React.Component {
                 {
                     //Dont generate elements until project management pull is complete for defaultVal generation
                     this.state.mount ?
-                        <WrapperComponent style={{overflow: "scroll"}} history={this.props.history} stateNum={1}>
-                            <div className={cx('grid-container-custom')}>
+                        <WrapperComponent history={this.props.history} stateNum={1}>
+                            <div className={cx('grid-container-custom')}
+                                 //old one, minus the margin
+                                 //style={{height: "100%", width: "100%", marginTop: "25%"}}
+                                 style={{height: "100%", width: "100%", position: "relative", top: "10%"}}
+                            >
                                 <div className={cx('project-name-label')}>
                                     <h3>Project Name:</h3>
                                 </div>
@@ -427,7 +431,7 @@ export class ManageProject extends React.Component {
                                                           label="Allow Squid to auto-reject spots"/>
                                     </FormControl>
                                     <div style={{display: "inline"}}>
-                                        <p style={{bottomMargin: "0", marginTop: "7px", display: "inline-flex"}}><b>Minimum
+                                        <p style={{bottomMargin: "0", marginTop: "7px", display: "inline-flex", fontSize:"small"}}><b>Minimum
                                             external 1sigma % err for
                                             206Pb/238U: </b></p>
                                     </div>
@@ -442,7 +446,7 @@ export class ManageProject extends React.Component {
                                                     onClick={this.pbCounterDown}>-</Button>
                                         </ButtonGroup>
                                     </div>
-                                    <p style={{display: "inline", marginLeft: "1%"}}><b>for
+                                    <p style={{fontSize:"small",display: "inline", marginLeft: "1%"}}><b>for
                                         208Pb/232Th: </b></p>
                                     <TextField value={this.state.minSigPbTh}
                                                style={{maxWidth: "4ch", marginLeft: "1%", minWidth: "3ch"}}></TextField>
diff --git a/src/scenes/Squidink/components/ManageSpots.js b/src/scenes/Squidink/components/ManageSpots.js
index 2a999a17..57181f5d 100644
--- a/src/scenes/Squidink/components/ManageSpots.js
+++ b/src/scenes/Squidink/components/ManageSpots.js
@@ -519,7 +519,7 @@ export class ManageSpots extends React.Component {
                                 alignItems: "center",
                                 width: "100%"
                             }}>
-                                <div className={cx('grid-container-spots')}>
+                                <div className={cx('grid-container-spots')} style={{margin: "120px 120px 0px 120px"}}>
                                     <div className={cx('filter-spots-label')}>
                                         <h6 style={{display: "inline"}}>Filter Spots by Sample name:</h6>
                                         <FormControl style={{padding: "0 0 0 40px"}}>
diff --git a/src/scenes/Squidink/components/TaskLibrary.js b/src/scenes/Squidink/components/TaskLibrary.js
index b8af936d..8f4933ca 100644
--- a/src/scenes/Squidink/components/TaskLibrary.js
+++ b/src/scenes/Squidink/components/TaskLibrary.js
@@ -11,6 +11,8 @@ import RadioGroup from "@material-ui/core/RadioGroup";
 import FormControlLabel from "@material-ui/core/FormControlLabel";
 import Radio from "@material-ui/core/Radio";
 import Button from "@material-ui/core/Button";
+import {FILEBROWSER_URL} from "constants/api";
+import Modal from "@material-ui/core/Modal";
 
 let cx = classNames.bind(style);
 
@@ -43,11 +45,16 @@ export class TaskLibrary extends React.Component {
             mass: [],
             ratios: [],
             selected: false,
+            modal: false,
+            routeVal: "",
 
         };
         //If a component requires 'this.' context, it's easiest to bind it, i.e.
         this.pullTaskList = this.pullTaskList.bind(this)
         this.componentDidMount = this.componentDidMount.bind(this)
+        this.saveCurrentXML = this.saveCurrentXML.bind(this)
+        this.modal = this.modal.bind(this)
+        this.closeBrowseAction = this.closeBrowseAction.bind(this)
 
     }
     componentDidMount() {
@@ -59,6 +66,17 @@ export class TaskLibrary extends React.Component {
             this.setState({mount: true, taskList: body}, () => {this.taskListSelect(null, this.state.taskList[0].trimStart().trim())})
         })
     }
+    saveCurrentXML(fileRoute) {
+
+        //Pulls Filebrowser route from WrapperComponent, trims off everything from /files/ and before to get the raw path
+        let presentRoute = localStorage.getItem("fborigin")
+        //If present route has a legitimate value, concat with filename, otherwise just leave filename raw
+        let finalRoute = presentRoute ? presentRoute + this.state.routeVal + ".xml" : this.state.routeVal + ".xml"
+        requestSender('/savexml', localStorage.getItem('user') + ":" + finalRoute).then(() => {
+            this.closeBrowseAction();
+        })
+
+    }
 
     saveStrings = () => {
         let bodyData = localStorage.getItem("user") + "!@#" + this.state.taskName + "!@#" + this.state.taskDesc + "!@#" + this.state.taskAuthor + "!@#" +
@@ -71,6 +89,13 @@ export class TaskLibrary extends React.Component {
         })
     }
 
+    async modal() {
+        this.setState({modal: true})
+    }
+    async closeBrowseAction() {
+        this.setState({modal: false})
+    }
+
     changeBoxStyling = () => {
         document.getElementsByClassName("uncor-uranium-box")[0].style.backgroundColor = (this.state.Uncor206Styling ? "#00FF0033" : "#ff00004d")
         document.getElementsByClassName("uncor-thor-box")[0].style.backgroundColor = (this.state.Uncor208Styling ? "#00FF0033" : "#ff00004d")
@@ -269,7 +294,34 @@ export class TaskLibrary extends React.Component {
                 //All functions are self-contained to the wrapper with the exception of the history.push to reroute the user, which requires a reference to the React-Router
                 //Because WrapperComponent is not instantiated from the router but from its child, we have to pass in the history as a prop
                 <WrapperComponent stateNum={1}history={this.props.history}>
-
+                    <Modal open={this.state.modal} onClose={this.modal}>{
+                        <div style={{position: 'absolute', width: '600px', height: "70%", top: '50%', left: '50%', transform: 'translate(-50%, -50%)', border: '2px solid #000', backgroundColor: 'white', padding: '4px'}} className={'paper'}>
+                            <div style={{height: "90%", width: "100%"}}>
+                                <div>
+                                    <iframe id='iframeee'
+                                            style={{
+                                                display: 'flex',
+                                                flexGrow: '1',
+                                                overflow: 'auto',
+                                                height: '100%',
+                                                width: `100%`
+                                            }}
+                                            src={FILEBROWSER_URL}></iframe>
+                                </div>
+                                <div style={{paddingRight: "10px", display: "inline"}}>
+                                    <TextField value={this.state.routeVal} onChange={(e) => {
+                                        if (!e.target.value.includes('.')) {
+                                            this.setState({
+                                                routeVal: e.target.value
+                                            })
+                                        }
+                                    }}label="File Name Here:" />
+                                    <Button style={{marginTop: "10px"}}variant="contained" color="primary" onClick={this.saveCurrentXML}>Save</Button>
+                                </div>
+                                <Button style={{marginTop: "10px"}} variant="contained" color="primary"
+                                        onClick={()=>this.setState({modal: false})}>Cancel</Button>
+                            </div>
+                        </div>}</Modal>
                     <div className={cx('grid-container-custom-tl')}>
                         <div className={cx('task-list')}>
                             {this.state.taskList.map((entry) => {
@@ -454,9 +506,7 @@ export class TaskLibrary extends React.Component {
                                 </div>
 
                                 <Button variant="contained" color={"primary"} style={{display: "inline"}}
-                                        onClick={() => {
-                                            console.log("")
-                                        }}>
+                                        onClick={this.modal}>
                                     Save Current Task as a Squid3 Task '.xml' file
                                 </Button>
                             </div>
diff --git a/src/scenes/Squidink/components/WrapperComponent.js b/src/scenes/Squidink/components/WrapperComponent.js
index 211ac6ea..32691a5b 100644
--- a/src/scenes/Squidink/components/WrapperComponent.js
+++ b/src/scenes/Squidink/components/WrapperComponent.js
@@ -46,6 +46,11 @@ class WrapperComponent extends React.Component{
             let apiCheck = e.data.toString().split(':');
             console.log(apiCheck)
             if (FILEBROWSER_URL.includes(e.origin)) {
+                if (apiCheck[0] == "origin") {
+                    let path = e.data.toString().match(/\/files\/[[a-zA-Z/.0-9\-_]*/g)
+                    localStorage.setItem("fborigin", path[0].substring('/files/'.length))
+                }
+                else if (e.data.toString().length != 0 && apiCheck[0] != "api" && apiCheck[0] != "selected") {
                 if (e.data.toString().length != 0 && apiCheck[0] != "api" && apiCheck[0] != "selected") {
                     this.setState({loading: true})
                     axios.post(SQUIDINK_ENDPOINT + '/OpenServlet/O', localStorage.getItem("user")
@@ -84,6 +89,7 @@ class WrapperComponent extends React.Component{
                     placeString += apiCheck[1]
                     if(!apiCheck[apiCheck.length - 1].includes(".")) {
                         localStorage.setItem("selected", placeString)
+                        localStorage.setItem("finroute", apiCheck[apiCheck.length - 1])
                         this.setState({
                             curSelected: placeString
                         })
@@ -99,7 +105,7 @@ class WrapperComponent extends React.Component{
                     })
                 }
             }
-        }
+        }}
         catch(e) {
             console.log(e)
             localStorage.setItem("user", "")
@@ -263,7 +269,7 @@ class WrapperComponent extends React.Component{
                                             src={FILEBROWSER_URL}></iframe>
                                 </div>
                                 <div style={{paddingRight: "10px", display: "inline"}}>
-                                    <Button variant="contained" color="primary" onClick={this.openTaskFolder}>Save</Button>
+                                    <Button variant="contained" color="primary" onClick={this.openTaskFolder}>Select</Button>
                                 </div>
                                 <Button variant="contained" color="primary"
                                         onClick={()=>this.setState({browseModal: false})}>Cancel</Button>
@@ -288,10 +294,10 @@ class WrapperComponent extends React.Component{
                             </ResizePanel>
                             : null}
                         <div className={cx('content')}
-                             style={{display: 'flex', overflow: 'scroll !important'}}>
+                             style={{display: 'flex', overflow: 'scroll'}}>
                             <div className={cx('header-custom', 'panel-custom')}
                                  style={{position: 'fixed', top: '40', zIndex: 10}}>
-                                <div className="rownav" style={{display: 'flex'}}>
+                                <div className="rownav" style={{display: 'flex', flexWrap: "wrap"}}>
                                     <DropdownCustom stateNum={this.profilePathIsNull().includes("NO_NAME") ? 2 : this.props.stateNum} dropdownName="Filebrowser"
                                                     onClickOveride={this.hidediv}></DropdownCustom>
                                     <DropdownCustom stateNum={this.profilePathIsNull().includes("NO_NAME") ? 2 : this.props.stateNum}dropdownName="Project"
diff --git a/src/scenes/Squidink/index.js b/src/scenes/Squidink/index.js
index 0e107095..8ee978ad 100644
--- a/src/scenes/Squidink/index.js
+++ b/src/scenes/Squidink/index.js
@@ -12,7 +12,7 @@ import 'styles/Squidink/Main.scss';
 //Constants
 import {
     BASE_ROUTE,
-    CURRENTTASK_ROUTE, CUSTOMLIBRARY_ROUTE,
+    CURRENTTASK_ROUTE, CUSTOMLIBRARY_ROUTE, ISOTOPE_ROUTE,
     MANAGEPROJECT_ROUTE,
     MANAGESPOTS_ROUTE,
     SHOWABOUT_ROUTE,
@@ -21,6 +21,7 @@ import {
 import {CurrentTask} from "./components/CurrentTask";
 import TaskLibrary from "./components/TaskLibrary";
 import {CustomLibrary} from "./components/CustomLibrary";
+import {Isotopes} from "./components/Isotopes";
 
 class SquidInkPage extends Component {
     render() {
@@ -34,6 +35,7 @@ class SquidInkPage extends Component {
                     <Route exact path={CURRENTTASK_ROUTE} component={CurrentTask}/>
                     <Route exact path={VIEWTASK_ROUTE} component={TaskLibrary}/>
                     <Route exact path={CUSTOMLIBRARY_ROUTE} component={CustomLibrary}/>
+                    <Route exact path={ISOTOPE_ROUTE} component={Isotopes}/>
                 </main>
             </div>
         );
diff --git a/src/scenes/Squidink/util/constants.js b/src/scenes/Squidink/util/constants.js
index fdc85967..111e99f3 100644
--- a/src/scenes/Squidink/util/constants.js
+++ b/src/scenes/Squidink/util/constants.js
@@ -127,11 +127,11 @@ export const dropdownState = [
     ],
     //State 1, Opened Demo File, with current available functions
     [
-        1,1,1,1,1,1,1,0,1,0,0,0,1,0,1,1,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,1
+        1,1,1,1,1,1,1,0,1,0,0,0,1,0,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,1
     ],
     //State 2, xml or zip file
     [
-        1,1,1,1,0,1,1,0,1,0,0,0,1,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1
+        1,1,1,1,0,1,1,0,1,0,0,0,1,0,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1
     ]
 ]
 export const dropdownOptions = [
@@ -235,7 +235,7 @@ export const dropdownOptions = [
 
         {
             title: 'Map Isotopes from Data to Task',
-            onclick: testFunction,
+            onclick: () => {window.location.href = ISOTOPE_ROUTE;},
             id: 17
         }
 
@@ -394,4 +394,5 @@ export const MANAGEPROJECT_ROUTE= BASE_ROUTE + "/manageproject";
 export const CURRENTTASK_ROUTE = BASE_ROUTE + "/currenttask";
 export const SHOWABOUT_ROUTE= BASE_ROUTE + "/showabout";
 export const VIEWTASK_ROUTE = BASE_ROUTE + "/tasklibrary"
-export const CUSTOMLIBRARY_ROUTE = BASE_ROUTE + "/customlibrary"
\ No newline at end of file
+export const CUSTOMLIBRARY_ROUTE = BASE_ROUTE + "/customlibrary"
+export const ISOTOPE_ROUTE = BASE_ROUTE + "/isotopes"
\ No newline at end of file
diff --git a/src/styles/Squidink/CurrentTask.scss b/src/styles/Squidink/CurrentTask.scss
index b75bcad9..f49eda93 100644
--- a/src/styles/Squidink/CurrentTask.scss
+++ b/src/styles/Squidink/CurrentTask.scss
@@ -2,12 +2,12 @@
 .grid-container-custom-t {
   display: inline-grid;
   background: #dce3e6;
-  grid-template-columns: [c1-start]4fr [c1-end c2-start]8fr [c2-end c3-start]4fr [c3-end c4-start]1fr [c4-end c5-start]1fr [c5-end]4fr [c-end];
+  grid-template-columns: [c1-start]4fr [c1-end c2-start]8fr [c2-end c3-start]4fr [c3-end c4-start]1fr [c4-end c5-start]4fr [c5-end]3fr [c-end];
   grid-template-rows: [r1-start]2fr [r1-end r2-start]2fr [r2-end r3-start]2fr [r3-end r4-start]2fr [r4-end r5-start]1.5fr
   [r5-end r6-start]1fr [r6-end r7-start]1fr [r7-end r8-start]1fr [r8-end r9-start]  4fr [r9-end] 2fr[r-end];
   width: 100%;
-  height: 80%;
-  margin: 60px;
+  height: 90%;
+  margin: 60px 60px 0px 60px;
   row-gap: 20px;
   border: 2px solid #e1e4e8;
 
@@ -72,6 +72,7 @@
   align-self: start;
 }
 .directives-content {
+  height: 100px;
   width:100%;
   grid-column-start: c2-start;
   grid-column-end: c-end;
@@ -79,6 +80,7 @@
   grid-row-end: r6-end;
   justify-self: center;
   align-self: start;
+  margin-bottom:7%;
 }
 .task-audit-label {
   grid-column-start: c1-start;
@@ -222,6 +224,10 @@
   justify-self: end;
   align-self: center;
 }
+.MuiSvgIcon-root {
+  width: .75em;
+  height: .75em;
+}
 .thorium-check {
   grid-column-start: cl1-start;
   grid-column-end: cl1-end;
@@ -315,6 +321,7 @@ p {
 }
 h3 {
   color: #3D83CC !important;
+  font-size: 3.2vmin !important;
 }
 .geochron-label {
   color: #c53d13;
diff --git a/src/styles/Squidink/ManageProject.scss b/src/styles/Squidink/ManageProject.scss
index 3785bbec..6ae65019 100644
--- a/src/styles/Squidink/ManageProject.scss
+++ b/src/styles/Squidink/ManageProject.scss
@@ -199,4 +199,21 @@
 }
 h3 {
   color: #3D83CC !important;
+  font-size: 3.2vmin !important;
+}
+h4 {
+  font-size: 2vmin !important;
+}
+h5 {
+  font-size: 2vmin !important;
+}
+.session-content > h4 {
+  font-size: 1rem !important;
+}
+
+@media (max-width: 768px) {
+  .MuiSvgIcon-root {
+    width: .5em !important;
+    height: .5em !important;
+  }
 }
diff --git a/src/styles/Squidink/ManageSpots.scss b/src/styles/Squidink/ManageSpots.scss
index 48047df4..23931bb7 100644
--- a/src/styles/Squidink/ManageSpots.scss
+++ b/src/styles/Squidink/ManageSpots.scss
@@ -2,7 +2,7 @@
   display: inline-grid;
   background: #dce3e6;
   grid-template-columns: [c1-start c-start].45fr [c1-end c2-start].325fr [c3-start].325fr[c2-end c-end];
-  grid-template-rows: repeat(16, 1fr);
+  grid-template-rows: repeat(14, 1fr);
   width: 100%;
   height: fit-content;
   margin: 60px;
diff --git a/webpack.config.js b/webpack.config.js
index f52c8a39..aebf663a 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -16,7 +16,8 @@ const endpoints = [
     "squidink/showabout",
     "squidink/currenttask",
     "squidink/tasklibrary",
-    "squidink/customlibrary"
+    "squidink/customlibrary",
+    "squidink/isotopes"
 ];
 const HtmlWebpackPluginList = [];
 for (let endpoint of endpoints) {