Fix task modal with when attachments are present

src/styles/components/modal.scss

@@ -18,11 +18,11 @@
     overflow: auto;
 
     .scrolling-content {
-      max-width: 800px;
+      max-width: 1024px;
       width: 100%;
       margin: 4rem auto;
 
-      @media screen and (max-width: 800px) {
+      @media screen and (max-width: 1024px) {
         margin: 0;
 
         .close {

src/styles/components/task.scss

@@ -53,6 +53,15 @@
     }
   }
 
+  table {
+    table-layout: fixed;
+
+    td {
+      overflow: hidden;
+      word-break: break-all;
+    }
+  }
+
   .details {
     padding-bottom: 0.75em;
     flex-flow: row wrap;