From bd68c79469bb4b08d4ea2ab697c0a47f7691197a Mon Sep 17 00:00:00 2001
From: fingadumbledore <fingadumbledore@gmail.com>
Date: Mon, 10 Jul 2023 07:39:32 +0200
Subject: [PATCH] css kram und input felder begrenzt

---
 party/static/css/session.css | 54 +++++++++++++++++++++++++++++++++++-
 party/templates/login.html   |  2 +-
 party/templates/session.html |  8 +++---
 3 files changed, 58 insertions(+), 6 deletions(-)

diff --git a/party/static/css/session.css b/party/static/css/session.css
index 4b69961..2855941 100644
--- a/party/static/css/session.css
+++ b/party/static/css/session.css
@@ -297,9 +297,61 @@ color: #fff;
 border: 1px solid #555;
 }
 
+.submit_button{
+    position: fixed;
+    width: 250px; 
+    height: 50px;
+    background-color: #454443;
+    border-radius: 10px;
+    cursor: pointer;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 60%;
+    border: none;
+    padding: 10px;
+    color: white;
+    font-size: 16px;
+    bottom: 10%;
+    top: 90%;
+    right: 20%;
+
+}
 
 
-input[type="text"],
+.event_input{
+    position: fixed;
+    width: 20%;
+    padding: 10px;
+    font-size: 16px;
+    border-radius: 5px;
+    background-color: #0d0d0c;
+    color: rgb(220, 220, 210);
+    border: 2px solid #555;
+    outline: none;
+    bottom: 20%;
+    bottom: 10%;
+    top: 90%;
+    right: 59%;
+    }
+
+.event_time{
+        position: fixed;
+        width: 5%;
+        height: 2%;
+        padding: 10px;
+        font-size: 16px;
+        border-radius: 5px;
+        background-color: #0d0d0c;
+        color: rgb(220, 220, 210);
+        border: 2px solid #555;
+        outline: none;
+        bottom: 20%;
+        bottom: 10%;
+        top: 90%;
+        right: 37%;
+        }
+    
+
 input[type="datetime-local"],
 input[type="number"],
 input[type="email"],
diff --git a/party/templates/login.html b/party/templates/login.html
index 28307f5..d448262 100644
--- a/party/templates/login.html
+++ b/party/templates/login.html
@@ -9,7 +9,7 @@
 <h1>Party Controller</h1>
     <form action="/api/login">
         <div class="button-container">
-            <input type="text" name="name" value="Name" maxlength="20">
+            <input type="text" name="name" placeholder="Name" maxlength="20" minlength="1" required>
             <button class="button" type="submit">Login</button>
         </div>
     </form>
diff --git a/party/templates/session.html b/party/templates/session.html
index f1e92bf..6609c00 100644
--- a/party/templates/session.html
+++ b/party/templates/session.html
@@ -66,11 +66,11 @@
 	</tbody>
 	</table>
 	<form action="/apit/get_events">
-		<input typ="text" name="Event" value="Essen">
-		<input type="datetime-local" id="meeting-time"
+		<input class="event_input" typ="text" name="Event" placeholder="Essen" maxlength="20" minlength="1" required>
+		<input class="event_time" type="datetime-local" id="meeting-time"
 	       name="meeting-time" value="2023-12-31T12:00"
-	       min="2023-12-31T00:00" max="2024-01-01T18:00">
-	       <input typ="submit" value="submit">
+	       min="2023-12-31T00:00" max="2024-01-01T18:00" required>
+          <button class="submit_button" type="submit">Hinzufügen</button>
 	</form>
     </div>
     <div class="hidden-div">