From 3302b0cf6f4165b938bcb799426986cbbba447fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Grzegorz=20Ku=C4=87mierz?= <gkucmierz@gmail.com>
Date: Mon, 21 Nov 2022 06:02:35 +0100
Subject: [PATCH] style: align items in settings

---
 src/views/SettingsView.vue | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
index 7cd66fb..c625d52 100644
--- a/src/views/SettingsView.vue
+++ b/src/views/SettingsView.vue
@@ -47,12 +47,18 @@ export default defineComponent({
 });
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .settings {
   padding: 12px 24px;
-}
-label {
-  margin-left: 12px;
+
+  .item {
+    display: flex;
+    align-items: center;
+
+    label {
+      margin-left: 12px;
+    }
+  }
 }
 </style>
 
@@ -60,12 +66,12 @@ label {
   <div class="settings">
     <h3>App Settings</h3>
 
-    <p>
+    <p class="item">
       <InputSwitch v-model="so.autoScroll" inputId="autoScroll" />
       <label for="autoScroll">Auto scroll result</label>
     </p>
 
-    <p>
+    <p class="item">
       <InputSwitch v-model="so.autoPrint" inputId="autoPrint" />
       <label for="autoPrint">Auto print expressions</label>
     </p>