Text cotation css modified + no decimal display on text

src/Components/SVG/Elements/Container.tsx

@@ -65,7 +65,7 @@ export function Container(props: IContainerProps): JSX.Element {
   const xEnd = width;
   const yDim = -dimensionMargin;
   const strokeWidth = 1;
-  const text = (width.toFixed(2) ?? 0).toString();
+  const text = (width.toFixed(0) ?? 0).toString();
 
   let childrenDimensions: JSX.Element | null = null;
   if (props.model.properties.showChildrenDimensions && props.model.children.length > 1 && SHOW_CHILDREN_DIMENSIONS) {
@@ -116,7 +116,7 @@ export function Container(props: IContainerProps): JSX.Element {
         yStart={props.model.properties.height + yDim * -1}
         yEnd={props.model.properties.height + yDim * -1}
         strokeWidth={strokeWidth}
-        text={(next - cur).toFixed(2).toString()}
+        text={(next - cur).toFixed(0).toString()}
         scale={props.scale}
       />);
       count++;

src/Components/SVG/Elements/DepthDimensionLayer.tsx

@@ -74,7 +74,7 @@ function AddNewDimension(currentDepth: number, min: number, max: number, lastY:
   const strokeWidth = 1;
   const width = xEnd - xStart;
   const text = width
-    .toFixed(2)
+    .toFixed(0)
     .toString();
 
   if (width === 0) {

src/Components/SVG/Elements/DimensionLayer.tsx

@@ -19,7 +19,7 @@ function GetDimensionsNodes(root: ContainerModel): React.ReactNode[] {
     const y = (container.properties.y + container.properties.height) + (DIMENSION_MARGIN * (depth + 1));
     const strokeWidth = 1;
     const text = width
-      .toFixed(2)
+      .toFixed(0)
       .toString();
     dimensions.push(
       <Dimension

src/Components/SVG/SVG.scss

@@ -1,10 +1,10 @@
 text {
   font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
   font-size: 18px;
-  font-weight: 800;
-  fill: #fff;
+  //font-weight: 800;
+  //fill: #fff;
   fill-opacity: 1;
-  stroke: #000000;
+  //stroke: #ffffff;
   stroke-width: 1px;
   stroke-linecap: butt;
   stroke-linejoin: miter;