From 45456280b41e95f4bf1bf9e0ac0910e3f0aa53df Mon Sep 17 00:00:00 2001
From: Alf Sebastian Houge <git@alfhouge.no>
Date: Tue, 7 Feb 2023 20:44:13 +0100
Subject: [PATCH] Fix scss warnings

---
 ui/src/design/_sizes.scss      | 6 +++---
 ui/src/design/_typography.scss | 2 +-
 ui/src/main.js                 | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ui/src/design/_sizes.scss b/ui/src/design/_sizes.scss
index d34e126..d69e077 100644
--- a/ui/src/design/_sizes.scss
+++ b/ui/src/design/_sizes.scss
@@ -10,10 +10,10 @@ $size-input-padding-vertical: 0.75em;
 $size-input-padding-horizontal: 1em;
 $size-input-padding: $size-input-padding-vertical $size-input-padding-horizontal;
 $size-input-border: 1px;
-$size-input-border-radius: (1em + $size-input-padding-vertical * 2) / 10;
+$size-input-border-radius: calc((1em + $size-input-padding-vertical * 2) / 10);
 
 // BUTTONS
-$size-button-padding-vertical: $size-grid-padding / 2;
-$size-button-padding-horizontal: $size-grid-padding / 1.5;
+$size-button-padding-vertical: calc($size-grid-padding / 2);
+$size-button-padding-horizontal: calc($size-grid-padding / 1.5);
 $size-button-padding: $size-button-padding-vertical
   $size-button-padding-horizontal;
diff --git a/ui/src/design/_typography.scss b/ui/src/design/_typography.scss
index 67cf998..325aacf 100644
--- a/ui/src/design/_typography.scss
+++ b/ui/src/design/_typography.scss
@@ -147,7 +147,7 @@
   $max-screen,
   $max-value
 ) {
-  $a: ($max-value - $min-value) / ($max-screen - $min-screen);
+  $a: calc(($max-value - $min-value) / ($max-screen - $min-screen));
   $b: $min-value - $a * $min-screen;
 
   $sign: '+';
diff --git a/ui/src/main.js b/ui/src/main.js
index 0020173..cb336b0 100644
--- a/ui/src/main.js
+++ b/ui/src/main.js
@@ -58,7 +58,7 @@ Vue.component('VueFontawesome', FontAwesomeIcon)
 
 Vue.use(Buefy, {
   defaultIconComponent: 'vue-fontawesome',
-  defaultIconPack: 'fa',
+  defaultIconPack: 'fas',
 })
 
 // Don't warn about using the dev version of Vue in development.