From ad3e4d604a21dcfad410cd77c31b4fc58cddd6a3 Mon Sep 17 00:00:00 2001
From: negue <eugen.bolz@gmail.com>
Date: Sat, 29 Apr 2023 01:18:25 +0200
Subject: [PATCH] style fixes

---
 .../settings/components/saveCancelButtons.vue      | 14 ++++++++++----
 .../src/pages/settings/components/yourBalance.vue  |  2 +-
 .../pages/settings/settingRows/classSetting.vue    |  3 ++-
 .../settings/settingRows/fixValuesSetting.vue      |  2 +-
 4 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/website/client/src/pages/settings/components/saveCancelButtons.vue b/website/client/src/pages/settings/components/saveCancelButtons.vue
index 8858196e77..8ca61d2a1a 100644
--- a/website/client/src/pages/settings/components/saveCancelButtons.vue
+++ b/website/client/src/pages/settings/components/saveCancelButtons.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="buttons">
+  <div
+    class="buttons"
+    :class="{'no-padding': noPadding}"
+  >
     <button
       v-if="!hideSave"
       class="btn btn-save"
@@ -23,17 +26,20 @@
 <script>
 export default {
   name: 'SaveCancelButtons',
-  props: ['hideSave', 'disableSave', 'primaryButtonLabel', 'primaryButtonColor'],
+  props: ['hideSave', 'disableSave', 'primaryButtonLabel', 'primaryButtonColor', 'noPadding'],
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 
 .buttons {
   align-items: center;
   display: flex;
   flex-direction: column;
-  margin-top: 1.5rem;
+
+  &:not(.no-padding) {
+    margin-top: 1.5rem;
+  }
 }
 
 .btn-save {
diff --git a/website/client/src/pages/settings/components/yourBalance.vue b/website/client/src/pages/settings/components/yourBalance.vue
index 5934cdd009..081de1badd 100644
--- a/website/client/src/pages/settings/components/yourBalance.vue
+++ b/website/client/src/pages/settings/components/yourBalance.vue
@@ -4,7 +4,7 @@
       v-once
       class="label"
     >
-      {{ $t('yourBalance') }}:
+      {{ $t('yourBalance') }}
     </span>
 
     <balance-info
diff --git a/website/client/src/pages/settings/settingRows/classSetting.vue b/website/client/src/pages/settings/settingRows/classSetting.vue
index 8a533ddd29..9a78ccd29d 100644
--- a/website/client/src/pages/settings/settingRows/classSetting.vue
+++ b/website/client/src/pages/settings/settingRows/classSetting.vue
@@ -68,6 +68,7 @@
           <save-cancel-buttons
             primary-button-label="changeClassSetting"
             class="mb-2"
+            :no-padding="true"
             :disable-save="!enoughGemsAvailable"
             @saveClicked="changeClassAndClose()"
             @cancelClicked="requestCloseModal()"
@@ -113,7 +114,7 @@ input {
 
 .gem-price-spacing {
   margin-top: 1.5rem;
-  margin-bottom: 1.125rem;
+  margin-bottom: 1.25rem;
   justify-content: center;
 }
 
diff --git a/website/client/src/pages/settings/settingRows/fixValuesSetting.vue b/website/client/src/pages/settings/settingRows/fixValuesSetting.vue
index 5c8af445d9..02b916a653 100644
--- a/website/client/src/pages/settings/settingRows/fixValuesSetting.vue
+++ b/website/client/src/pages/settings/settingRows/fixValuesSetting.vue
@@ -95,7 +95,7 @@
 }
 
 .input-rows {
-  width: calc(402px + 1.5rem);
+  width: calc(600px + 1.5rem);
 }
 
 .content-centered {