adaptacion al telefono

resources/css/app.css

@@ -3,6 +3,11 @@
 
 body {
     font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    overflow-x: hidden;
+}
+
+.offcanvas {
+    max-width: 100vw;
 }
 
 .task-description-editor {
@@ -74,6 +79,16 @@ .priority-option-low {
     --priority-active-text: #fff;
 }
 
+@media (max-width: 575.98px) {
+    .offcanvas.offcanvas-end {
+        width: 100vw;
+    }
+
+    .priority-picker {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+}
+
 @media (max-width: 480px) {
     .priority-picker {
         grid-template-columns: repeat(2, minmax(0, 1fr));