Removing styling bugs

https-sam · https-sam · commit e487799589ad · 2022-07-18T00:25:00.000-06:00
diff --git a/src/App.css b/src/App.css
@@ -10,9 +10,7 @@ html, body, * {
 
 body {
 	margin:                  0;
-	font-family:             -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-	                         "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-	                         sans-serif;
+	font-family:      Open Sans, Helvetica,Arial, sans-serif;
 	-webkit-font-smoothing:  antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
diff --git a/src/components/Canvas/Canvas.js b/src/components/Canvas/Canvas.js
@@ -16,7 +16,7 @@ class Canvas extends Component {
     const MARGIN = CONSTANTS.margin;
     const SCREEN_WIDTH = window.innerWidth;
     const BAR_WIDTH = Math.floor((SCREEN_WIDTH - (MARGIN*arrayLength)) / arrayLength);
-    const MARGIN_BTW_CANVAS_AND_OPTIONS = 146;
+    const MARGIN_BTW_CANVAS_AND_OPTIONS = 127;
     const CANVAS_HEIGHT = window.innerHeight - CONSTANTS.OFFSET + MARGIN_BTW_CANVAS_AND_OPTIONS +"px";
     const FONT_SIZE = Math.floor(BAR_WIDTH * 0.4);
     const PINK = "#ff595e";
diff --git a/src/index 2.js b/src/index 2.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { createRoot } from 'react-dom/client';
+
+import App from "./App";
+const container = document.getElementById("root");
+
+const root = createRoot(container);
+root.render(<App />);
