Fixed displaying of notes

app/views/customers/_details.html.erb

@@ -38,8 +38,19 @@
     
     <tr>
       <th><%=t(:field_notes)%></th>
-      <td><%= customer.notes %></td>
+      <td>
+       <pre id="note-display" style="text-align: left; white-space: pre-wrap; font-family: inherit;">
+          <%= customer.notes %>
+        </pre>
+      </td>
     </tr>
+
+    <script>
+        const preElement = document.getElementById('note-display');
+        // This takes the text, trims the edges, and puts it back
+        preElement.textContent = preElement.textContent.trim();
+      </script>
+
   </tbody>
 </table> 
 <br/>