fixed website

app/templates/index.html

@@ -41,25 +41,34 @@
 
   <!-- Header -->
   <header class="bg-surface border-b border-border shadow-sm">
-    <div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between relative">
-      <!-- Editable Username Form -->
-      <form method="POST" action="/retrieve-token" class="flex items-center space-x-2">
-        <input
-          type="text"
-          name="user_name"
-          value="{{ user_name }}"
-          class="bg-transparent text-muted text-sm font-medium px-2 py-1 rounded-md border border-transparent focus:border-primary focus:outline-none focus:bg-background"
-          size = "{{ user_name|length }}"
-          disabled
-          id="usernameInput"
-        />
+  <div
+    class="max-w-7xl mx-auto px-6 py-4
+           grid grid-cols-2 items-center gap-4"
+  >
+    <!-- 1) form in column 1 -->
+    <form
+      method="POST"
+      action="/retrieve-token"
+      class="relative z-10 flex flex-col space-y-2"
+    >
+      <input
+        type="text"
+        name="user_name"
+        value="{{ user_name }}"
+        class="bg-transparent text-muted text-sm font-medium w-auto min-w-max whitespace-nowrap px-2 py-1 rounded-md border border-transparent focus:border-primary focus:outline-none focus:bg-background"
+        size="{{ user_name|length }}"
+        disabled
+        id="usernameInput"
+      />
+
+      <div class="w-auto min-w-max whitespace-nowrap">
         <button
           type="button"
           onclick="enableUsernameEdit()"
           class="text-sm text-white bg-primary px-3 py-1 rounded-md hover:bg-blue-700"
           id="editBtn"
         >
-          Username ändern 
+          Username ändern
         </button>
         <button
           type="submit"
@@ -68,18 +77,24 @@
         >
           Save
         </button>
-      </form>
-      <div class="absolute inset-0 flex items-center justify-center pointer-events-none">GRNVS Tutorium</div>
+      </div>
+    </form>
+
+    <!-- 2) admin button in column 2 -->
+    <div class="flex justify-end">
       <a href="/admin">
         <button class="bg-primary hover:bg-blue-700 text-white px-3 py-1 rounded-md transition">
           Admin
         </button>
       </a>
     </div>
-  </header>
+  </div>
+</header>
 
   <!-- Main Content -->
   <main class="max-w-5xl mx-auto px-6 py-10 space-y-12">
+  <h3 class="text-3xl font-bold text-center mb-8">GRNVS Tutorium SS 25</h3>
+
   
     {% if active_banner %}
       <section class="flex justify-center">