The modal is like this:

modal

I would really like to widen the window so that it is pleasant to the user.

How to do this on Bootstrap or CSS, please?

<div >
   <h4  id="modal-error-title">Une erreur s'est produite</h4>
   <button type="button"  aria-label="Close button" aria-describedby="modal-title" (click)="close()"></button>  
</div>
<div >
   <div >
      <table >
         <thead>
            <tr>
               <th scope="col" style="width: 20%">type </th>
               <th scope="col" style="width: 20%">Code erreur </th>
               <th scope="col" style="width: 60%">Message </th>
            </tr>
         </thead>
         <tbody>
            <tr>
               <td>Warning</td>
               <td>SCH00</td>
               <td>COMAddError in error for RTG SCH00</td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<div >
   <button type="button"  (click)="close()">Fermer la fenêtre </button>
</div>

CodePudding user response：

You can try adding .modal-lg or mx-5 and if even that is not enough for you, you can declare id for elements and can manually increase their size or just add more padding if you would.