[UI] Fonts and the Save Button (#9)

Modified the default font and re-styled the save button

photon-client/src/App.vue

@@ -150,7 +150,12 @@
     };
 </script>
 
+<style lang="sass">
+@import "./scss/variables.scss"
+</style>
+
 <style>
+    
     .imgClass {
         width: auto;
         height: 45px;

photon-client/src/components/pipeline/CameraAndPipelineSelect.vue

@@ -126,8 +126,7 @@
       </v-col>
 
       <v-btn
-        style="position: absolute; top:5px;right: 0;"
-        tile
+        outlined
         color="#ffd843"
         @click="handleInput('command','save')"
       >

photon-client/src/scss/variables.scss

@@ -0,0 +1,8 @@
+@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400;500&display=swap');
+$default-font: "Prompt",
+sans-serif !default;
+$body-font-family: $default-font;
+$heading-font-family: $default-font;
+.v-application {
+    font-family: $default-font !important;
+}