fix fonts

src/App.vue

@@ -5,11 +5,58 @@
 </template>
 
 <style>
-#app {
-  font-family: Open-Sans, Helvetica, Arial, sans-serif;
+@font-face {
+  font-family: "Open Sans";
+  src: url("~@/assets/fonts/OpenSans-Regular.woff2");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Open Sans";
+  src: url("~@/assets/fonts/OpenSans-SemiBold.woff2");
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Open Sans";
+  src: url("~@/assets/fonts/OpenSans-Bold.woff2");
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Open Sans";
+  src: url("~@/assets/fonts/OpenSans-Italic.woff2");
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Open Sans";
+  src: url("~@/assets/fonts/OpenSans-SemiBoldItalic.woff2");
+  font-weight: 600;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Open Sans";
+  src: url("~@/assets/fonts/OpenSans-BoldItalic.woff2");
+  font-weight: 700;
+  font-style: italic;
+}
+
+#app,
+input,
+label,
+button,
+.plotly_editor * {
+  font-family: "Open Sans", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
 body {
   margin: 0;
 }

src/assets/styles/buttons.css

@@ -5,7 +5,6 @@ button {
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
-  font-family: Open-Sans, Helvetica, Arial, sans-serif;
 }
 
 button:focus {

src/assets/styles/variables.css

@@ -39,5 +39,9 @@
   --border-radius-small: 2px;
 }
 
+.plotly-editor--theme-provider {
+  --sidebar-width: 112px;
+}
+
 
 

src/views/Home.vue

@@ -36,7 +36,7 @@ export default {
 }
 
 #skip {
-  margin-top: 83px;
+  margin-top: 42px;
 }
 
 >>>.drop-area {