Fix message display

themes/default/templates/files.html.ep

@@ -3,10 +3,12 @@
 <div class="box">
   <h1 class="title is-1 has-text-centered mb-6"><%= l('My files') %></h1>
 
-  <div class="intro">
+  <div class="message is-info">
+    <div class="message-body">
       <%= l('Only the files sent with this browser will be listed here. This list is stored in localStorage: if you delete your localStorage data, you\'ll lose this list.') %><br>
       <%= l('Rows in red mean that the files have expired and are no longer available.') %>
     </div>
+  </div>
 
 
   <div class="buttons">

themes/default/templates/mail.html.ep

@@ -1,14 +1,14 @@
 <div class="box">
 % if (defined(stash('msg'))) {
-  <div class="message">
-    <div class="message-body is-danger">
+  <div class="message is-danger">
+    <div class="message-body">
       <%= stash('msg')%>
     </div>
   </div>
 % }
 
-  <div class="message">
-    <div class="message-body is-info">
+  <div class="message is-info">
+    <div class="message-body">
     <p><%= l('If you send the mail from this server, the links will be sent to the server, which may lower your privacy protection.') %></p>
     <p><%= l('Adding URLs not related to this Lufi instance to the mail body or subject is prohibited.') %></p>
     </div>

themes/default/templates/render.html.ep

@@ -1,6 +1,6 @@
 % if (!defined(stash('f')) && defined(stash('msg'))) {
-<div class="message">
-  <div class="message-body is-danger">
+<div class="message is-danger">
+  <div class="message-body">
     <%= stash('msg')%>
   </div>
 </div>