From 907a51b44bf5c54efaff0737a706cbc984a8ce79 Mon Sep 17 00:00:00 2001
From: Robert <rw@roko.li>
Date: Fri, 16 Apr 2021 11:31:11 +0200
Subject: [PATCH] Small fixes with user table

---
 src/api.ts                      | 2 +-
 src/components/InlineEditor.vue | 4 ++--
 src/components/LoginForm.vue    | 1 +
 src/views/MainPage.vue          | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/api.ts b/src/api.ts
index f391d6f..d8a33ce 100644
--- a/src/api.ts
+++ b/src/api.ts
@@ -25,7 +25,7 @@ async function request(
     init.headers.set("X-CSRFToken", csrfToken);
   }
   if (authToken != undefined) {
-    init.headers.set("Authentication", authToken);
+    init.headers.set("Authorization", `Token ${authToken}`);
   }
   init.headers.set("Accept", "application/json");
   init.headers.set("Content-Type", "application/json");
diff --git a/src/components/InlineEditor.vue b/src/components/InlineEditor.vue
index a2a5eab..f3d3faa 100644
--- a/src/components/InlineEditor.vue
+++ b/src/components/InlineEditor.vue
@@ -1,8 +1,8 @@
 <template>
-  <div>
+  <div style="display: flex">
     <b-input v-if="isEditing" v-model="editorValue" />
     <span v-else>{{ value }}</span>
-    <b-button @click="toggleEditor">{{
+    <b-button @click="toggleEditor" style="margin-left: auto">{{
       isEditing ? "Speichern" : "Bearbeiten"
     }}</b-button>
   </div>
diff --git a/src/components/LoginForm.vue b/src/components/LoginForm.vue
index 5a43caa..ada39b1 100644
--- a/src/components/LoginForm.vue
+++ b/src/components/LoginForm.vue
@@ -50,6 +50,7 @@ export default class LoginForm extends Vue {
   private async doAction() {
     if (this.mode === "login") {
       await this.user.login();
+      if (this.$route.name !== "home") this.$router.push({ name: "home" });
     } else {
       await this.user.signup();
       this.$router.push({ name: "login" });
diff --git a/src/views/MainPage.vue b/src/views/MainPage.vue
index fff0df5..311ded9 100644
--- a/src/views/MainPage.vue
+++ b/src/views/MainPage.vue
@@ -3,7 +3,7 @@
     <div class="columns is-centered">
       <div
         v-if="user.isAuthenticated"
-        class="column is-3-widescreen is-4-desktop is-5-tablet"
+        class="column is-5-fullhd is-6-widescreen is-7-desktop is-7-tablet"
       >
         <UserTable :user="user" />
       </div>