From 88bec0c718111985c4bdfbe64993865244a7d2df Mon Sep 17 00:00:00 2001
From: Tristan Schneider <tristanschneider2000@gmail.com>
Date: Tue, 18 Jun 2024 10:25:25 +0000
Subject: [PATCH] create ose

---
 index.php | 2 +-
 owe.js    | 6 +++---
 style.css | 3 ++-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/index.php b/index.php
index 550e008..5b42cbb 100644
--- a/index.php
+++ b/index.php
@@ -129,7 +129,7 @@ $config_data = json_decode($raw_json_config, false);
 	<div id="login_area">
 	</div>
 	<div class="word_input_area">
-		<input type="text" name="submitted" id="wordinput" placeholder="Nächstes Wort" autocomplete="off"> <button id="sendbut" class="send_button" onclick="sendWord()">
+		<textarea name="submitted" id="wordinput" placeholder="Nächster Satz" autocomplete="off"></textarea> <button id="sendbut" class="send_button" onclick="sendWord()">
 		<?php
 		print(isset($config_data->send_logo) ? ("<img src='data/".$config_data->send_logo."' width='64'>") : "<i class='far fa-paper-plane'></i>");
 		?>
diff --git a/owe.js b/owe.js
index 974172e..093d1dc 100644
--- a/owe.js
+++ b/owe.js
@@ -31,8 +31,8 @@ function loadSentences(alertIfNew = false, increaseUnread = true) {
 				
 				// color
 				var spans = document.querySelector(".sentences").getElementsByTagName("span");
-				// we expect this to be from the user who's turn it is now (3 users)
-				var histurnspan = spans[spans.length - 3];
+				// we expect this to be from the user who's turn it is now (2 users)
+				var histurnspan = spans[spans.length - 2];
 				//console.log(histurnspan.getAttribute("style"));
 				document.getElementById("wordinput").setAttribute("style", histurnspan.getAttribute("style"));
 
@@ -77,7 +77,7 @@ function sendWord() {
 function displayNotification(word) {
   if (Notification.permission == 'granted') {
 	navigator.serviceWorker.getRegistration().then(function(reg) {
-	  reg.showNotification("Neues Wort auf " + (config_data.title ? config_data.title : "OWE"), 
+	  reg.showNotification("Neuer Satz auf " + (config_data.title ? config_data.title : "OWE"), 
 		{ body: word, icon: (config_data.logo? config_data.logo.image_path : "OWE_Logo.png"), requireInteraction: true });
 	});
   }
diff --git a/style.css b/style.css
index 50e1b2a..5d97888 100644
--- a/style.css
+++ b/style.css
@@ -97,7 +97,7 @@ a {
 	background-color: white;
 	display: flex;
 	flex-wrap: wrap;
-	width: auto;
+	width: inherit;
 }
 
 #sidebar_button {
@@ -115,6 +115,7 @@ input, .send_button {
 .word_input_area {
 	border: 2px solid white;
 	display: inline-flex;
+	width: 100%;
 }
 
 table {