From df14d389b1eada455ae1ca856ab9fcbdffdd8428 Mon Sep 17 00:00:00 2001
From: Justine <justine@squi.fr>
Date: Sat, 24 Sep 2022 12:27:51 +0200
Subject: [PATCH] Affiche colonnes avec break-word

---
 src/classes.py                  |  4 +---
 src/static/styles/0-light.css   |  1 +
 src/static/styles/1-dracula.css | 14 ++++++++++++++
 src/static/styles/2-sunset.css  | 14 ++++++++++++++
 4 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/classes.py b/src/classes.py
index 12651d4..f215d55 100644
--- a/src/classes.py
+++ b/src/classes.py
@@ -40,11 +40,9 @@ class task:
         from flask import Markup, url_for
 
         rendered = f"""
-        <hr>
         <div class="taskcontainer">
         <div class="tasktitle">{self.donemark} {Markup.escape(self.title)}</div>
-        <form action="." method="GET" name="{self.createtime}">
-        <button type="submit" name="toswitch" value="{self.createtime}" class "taskbutton">Done/Todo</button>|<button type="submit" name="delete" value="{self.createtime}" class="taskbutton" onclick="return confirm('Really ?')">Delete</button>|<button type="submit" name="edit" value="{self.createtime}" class="taskbutton">Edit</button>
+        <form action="." method="GET" name="{self.createtime}"><button type="submit" name="toswitch" value="{self.createtime}" class "taskbutton">Done/Todo</button>|<button type="submit" name="delete" value="{self.createtime}" class="taskbutton" onclick="return confirm('Really ?')">Delete</button>|<button type="submit" name="edit" value="{self.createtime}" class="taskbutton">Edit</button>
         </form>
         <div class="tasktime">Priority: {self.priority}</div>
         <div class="tasktime">Created : {self.rendertime(self.createtime)}
diff --git a/src/static/styles/0-light.css b/src/static/styles/0-light.css
index c3a71da..e44b9f0 100644
--- a/src/static/styles/0-light.css
+++ b/src/static/styles/0-light.css
@@ -84,6 +84,7 @@ a {
 	border: 3px dotted;
 	margin: 20px;
 	padding: 10px;
+	word-wrap: break-word;
 }
 
 .topbar {
diff --git a/src/static/styles/1-dracula.css b/src/static/styles/1-dracula.css
index 1d29972..3c2e4fc 100644
--- a/src/static/styles/1-dracula.css
+++ b/src/static/styles/1-dracula.css
@@ -73,6 +73,20 @@ a {
 	font-size: 1em;
 }
 
+.globalcontainer {
+	text-align: left;
+	margin: auto;
+	padding: 10px;
+	width: 900px;
+}
+
+.taskcontainer {
+	border: 3px dotted;
+	margin: 20px;
+	padding: 10px;
+	word-wrap: break-word;
+}
+
 .topbar {
 	background-color: #22242e;
 	border: none;
diff --git a/src/static/styles/2-sunset.css b/src/static/styles/2-sunset.css
index 0806135..4864bdc 100644
--- a/src/static/styles/2-sunset.css
+++ b/src/static/styles/2-sunset.css
@@ -73,6 +73,20 @@ a {
 	font-size: 1em;
 }
 
+.globalcontainer {
+	text-align: left;
+	margin: auto;
+	padding: 10px;
+	width: 900px;
+}
+
+.taskcontainer {
+	border: 3px dotted;
+	margin: 20px;
+	padding: 10px;
+	word-wrap: break-word;
+}
+
 .topbar {
 	background-color: #eee8d5;
 	border: none;