From a20e3d3ff3c05967cce43d54fd12a440d9b14591 Mon Sep 17 00:00:00 2001
From: Jesus Galaz <jesusgalazr@icloud.com>
Date: Tue, 15 Oct 2024 20:16:44 +0200
Subject: [PATCH] Fixing task text overflox
---
public/css/index.css | 10 ++++++++--
1 file changed, 8 insertions(+), 2 deletions(-)
diff --git a/public/css/index.css b/public/css/index.css
index 1d82d71..9b21500 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -71,8 +71,8 @@ button[type="submit"]:hover {
margin-bottom: 1rem;
padding: 1rem;
display: flex;
- justify-content: space-between;
- align-items: center;
+ flex-direction: column;
+ align-items: flex-start;
transition: all 0.3s ease;
}
.task-list li:hover {
@@ -85,7 +85,13 @@ button[type="submit"]:hover {
.task-list li.completed span {
text-decoration: line-through;
}
+.task-text {
+ white-space: normal;
+ word-wrap: break-word;
+ width: 100%;
+}
.task-actions {
+ margin-left: auto;
display: flex;
gap: 0.5rem;
}
--
GitLab