small adjustments

src/calculations/ray.ts

@@ -32,7 +32,10 @@ export class Ray {
   }
 
   /**
-   * Find where the ray insects with a circle.
+   * Use quadratic formula to find the intersection of this ray and a circle in 2d.
+   * @param radius radius of the circle  
+   * @param centre centre of the circle
+   * @returns 
    */
   public getCircleIntersectionParameterRange(
     radius: number,

src/plot/centrePlot.tsx

@@ -42,19 +42,18 @@ import {
 import { color2String } from "./plotUtils";
 
 export default function CentrePlot(): JSX.Element {
+
   const plotConfig = usePlotStore();
+
   const beamlineConfig = useBeamlineConfigStore<BeamlineConfig>((state) => {
     let angle = state.angle;
     let wavelength = state.wavelength;
-
     if (wavelength && state.wavelengthUnits === WavelengthUnits.angstroms) {
       wavelength = angstroms2Nanometres(wavelength);
     }
-
     if (angle && state.angleUnits === AngleUnits.degrees) {
       angle = MathUtils.degToRad(angle);
     }
-
     return {
       angle: angle,
       cameraLength: state.cameraLength,
@@ -87,6 +86,12 @@ export default function CentrePlot(): JSX.Element {
   );
 
   const { ptMin, ptMax, visibleQRange, fullQRange } = qrangeResult;
+
+
+
+
+  // Best way to do this????????
+
   const adjustUnitsDetector = (detector: Detector): Detector => {
     if (plotConfig.plotAxes === PlotAxes.milimeter) {
       return {

src/plot/legendBar.tsx

@@ -2,6 +2,7 @@ import {
   Card,
   CardContent,
   Checkbox,
+  Divider,
   FormControl,
   FormControlLabel,
   FormGroup,
@@ -22,6 +23,7 @@ export default function LegendBar(): JSX.Element {
       <CardContent>
         <Stack spacing={1}>
           <Typography variant="h6"> Legend</Typography>
+          <Divider />
           <FormGroup>
             <FormControlLabel
               control={