settings css, display error properly for module execution

package.json

@@ -1,6 +1,6 @@
 {
   "name": "starkiller",
-  "version": "1.2.0-beta2",
+  "version": "1.2.0-beta3",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

src/background.js

@@ -19,7 +19,7 @@ function createWindow() {
   // Create the browser window.
   win = new BrowserWindow({
     width: 1000,
-    height: 600,
+    height: 700,
     webPreferences: {
       nodeIntegration: true,
       webSecurity: false,

src/components/agents/AgentExecuteModule.vue

@@ -207,12 +207,16 @@ export default {
       }
 
       this.loading = true;
-      await moduleApi.executeModule(this.selectedModule, this.form);
-      this.loading = false;
+      try {
+        await moduleApi.executeModule(this.selectedModule, this.form);
+        this.$toast.success(`Module execution queued for ${this.agentName}`);
+        this.selectedItem = {};
+        this.selectedModule = '';
+      } catch (err) {
+        this.$toast.error(`Error: ${err}`);
+      }
 
-      this.$toast.success(`Module execution queued for ${this.agentName}`);
-      this.selectedItem = {};
-      this.selectedModule = '';
+      this.loading = false;
     },
   },
 };

src/views/Settings.vue

@@ -4,10 +4,6 @@
     <div class="headers">
       <h3>Settings</h3>
     </div>
-    <v-switch
-      v-model="darkModeSwitch"
-      :label="`Dark Mode`"
-    />
     <div class="page">
       <div class="first-part">
         <span>{{ user.username }}</span>
@@ -20,6 +16,11 @@
         </v-btn>
       </div>
       <v-divider />
+      <v-switch
+        v-model="darkModeSwitch"
+        :label="`Dark Mode`"
+      />
+      <v-divider />
       <div class="headers pl-0 mt-2">
         <h4>Update Password</h4>
       </div>