Increased width for email to have room

src/main/resources/static/js/manageStaff.js

@@ -10,7 +10,7 @@ function submit(shopId, email={"value":""}){
         document.getElementById("staffManagement").innerHTML+=
             `<div id="staffManagement">
             <div class="staffManagementContainer">
-                <p class="subtitle is-6" style="width:50%; margin-bottom: 0">${emailValue}</p>
+                <p class="subtitle is-6" style="width:80%; margin-bottom: 0">${emailValue}</p>
                 <button class="button is-danger is-outlined" style="border-bottom: 1px solid #00b89c"
                         onclick="submit(${document.getElementById("shopId").value},this);">
                     <span class="icon is-small">

src/main/resources/templates/fragments/manageStaff.html

@@ -21,7 +21,7 @@
     <div id="staffManagement"></div>
     <div id="staffManagement" th:each="user : ${staffMembers}">
         <div class="staffManagementContainer">
-        <p class="subtitle is-6" th:text="${user.userEmail}" style="width:50%; margin-bottom: 0"></p>
+        <p class="subtitle is-6" th:text="${user.userEmail}" style="width:80%; margin-bottom: 0"></p>
         <button class="button is-danger is-outlined" style="border-bottom: 1px solid #00b89c" th:onclick="'submit('+${shop.shopId}+',this);'">
             <span class="icon is-small">
                 <i class="fas fa-times is-danger"></i>