Selectively reduce fontsize of tables and log

src/components/ftbot/LogViewer.vue

@@ -33,10 +33,11 @@ export default class LogViewer extends Vue {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 textarea {
   width: 100%;
   min-height: 6em;
   resize: none;
+  font-size: $fontsize-small;
 }
 </style>

src/components/ftbot/ProfitSymbol.vue

@@ -26,14 +26,14 @@ export default class ProfitSymbol extends Vue {
   width: 0;
   height: 0;
   border-style: solid;
-  border-width: 0 0.5rem 0.9rem 0.5rem;
+  border-width: 0 0.45rem 0.7rem 0.45rem;
   border-color: transparent transparent #00db58 transparent;
 }
 .triangle-down {
   width: 0;
   height: 0;
   border-style: solid;
-  border-width: 0.9rem 0.5rem 0 0.5rem;
+  border-width: 0.7rem 0.45rem 0 0.45rem;
   border-color: #ff0000 transparent transparent transparent;
 }
 </style>

src/components/ftbot/TradeList.vue

@@ -189,8 +189,11 @@ export default class TradeList extends Vue {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .card-body {
   padding: 0 0.2em;
 }
+.table-sm {
+  font-size: $fontsize-small;
+}
 </style>

src/styles/_bootstrap_variables_ovw.scss

@@ -1 +1 @@
-// Overwrite bootstrap scss variables
+// Overwrite bootstrap scss variables

src/styles/_variables.scss

@@ -1 +1,4 @@
-// variables created for the project and not overwrite of bootstrap
+// variables created for the project and not overwrite of bootstrap
+
+
+$fontsize-small: 0.9rem;

src/styles/main.scss

@@ -5,4 +5,4 @@
 @import '~bootstrap-vue/src/index.scss';
 
 @import '_variables.scss';
-@import '_styles_ovw.scss';
+@import '_styles_ovw.scss';

vue.config.js

@@ -7,4 +7,11 @@ module.exports = {
       },
     },
   },
+  css: {
+    loaderOptions: {
+      sass: {
+        additionalData: `@import "@/styles/_variables.scss";`,
+      },
+    },
+  },
 };