style(file-input): improve file-input__list

frontend/src/utils/inputs/inputs.sass

@@ -225,11 +225,15 @@ option
   margin: 10px 0
   color: var(--color-fontsec)
 
+.file-input__list-wrapper
+  overflow: auto
+  max-height: 75vh
+  max-width: 30vw
+
 .file-input__list
   margin-left: 40px
   margin-top: 10px
   font-weight: 600
-  max-width: 25vw
 
   tr:last-child td
     padding-bottom: 0
@@ -237,6 +241,7 @@ option
   .file-input__list-item
     font-family: var(--font-monospace)
     font-size: 15px
+    word-break: break-all
 
 // PREVIOUSLY UPLOADED FILES
 

templates/widgets/genericFileField.hamlet

@@ -4,7 +4,8 @@ $maybe ident <- identSecret
   <input type=hidden name=#{fieldName} id=#{fieldId}--ident value=#{ident}>
   
 $if not (null fileInfos)
-  <table .file-input__list .table .table--narrow .table--striped .table--hover .table--condensed>
+  <div .file-input__list-wrapper>
+    <table .file-input__list .table .table--striped .table--hover .table--condensed>
       <colgroup>
         <col .checkbox-only>
         <col .tooltip-only>
@@ -14,8 +15,8 @@ $if not (null fileInfos)
           <th .table__th>
           <th .table__th colspan=2>
             _{MsgPreviouslyUploadedInfo}
-    $forall FileUploadInfo{..} <- fileInfos
       <tbody>
+        $forall FileUploadInfo{..} <- fileInfos
           <tr>
             <td .table__td>
               <input type=checkbox id=#{fuiHtmlId} name=#{fieldName} :fuiChecked:checked value=#{review _FileTitle fuiTitle} :fuiForced:readonly>