style fixes

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 {

website/client/src/pages/settings/components/yourBalance.vue

@@ -4,7 +4,7 @@
       v-once
       class="label"
     >
-      {{ $t('yourBalance') }}:
+      {{ $t('yourBalance') }}
     </span>
 
     <balance-info

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;
 }
 

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 {