style: align items in settings

src/views/SettingsView.vue

@@ -47,25 +47,31 @@ export default defineComponent({
 });
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .settings {
   padding: 12px 24px;
-}
+
+  .item {
+    display: flex;
+    align-items: center;
+
     label {
       margin-left: 12px;
     }
+  }
+}
 </style>
 
 <template>
   <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>