Activity Log Detail - Done

HTML
<div class="modal-background" aria-hidden="true">
<div class="modal-container _48" role="dialog" aria-labelledby="modal-title">
<div class="modal-logo-container"></div>
<div class="modal-heading-container">
<h1 id="modal-title" class="modal-h1">Activity Log Entry Details</h1>
<div class="space-1rem"></div>
<div class="auth-form w-form" role="document">
<div class="form">
<div class="w-layout-grid info-grid">
<div class="form-field-container">
<div class="field-label-container"><label class="field-label" for="date">Date</label></div>
<div id="date">Jan 15, 2025 - 3:52 PM</div>
</div>
<div class="form-field-container">
<div class="field-label-container"><label class="field-label" for="user">User</label></div>
<div id="user">John Doe</div>
</div>
<div class="form-field-container">
<div class="field-label-container"><label class="field-label" for="type">Type</label></div>
<div id="type">User</div>
</div>
<div class="form-field-container">
<div class="field-label-container"><label class="field-label" for="action">Action</label></div>
<div id="action">Log in</div>
</div>
<div class="form-field-container">
<div class="field-label-container"><label class="field-label" for="object">Object</label></div>
<div id="object">n/a</div>
</div>
<div class="form-field-container">
<div class="field-label-container"><label class="field-label" for="language">Device Language</label></div>
<div id="language">EN-US</div>
</div>
<div class="form-field-container">
<div class="field-label-container"><label class="field-label" for="platform">Platform</label></div>
<div id="platform">Windows</div>
</div>
<div class="form-field-container">
<div class="field-label-container"><label class="field-label" for="user-agent">User Agent</label></div>
<div id="user-agent">Mozilla</div>
</div>
<div class="form-field-container">
<div class="field-label-container"><label class="field-label" for="ip-address">IP Address</label></div>
<div id="ip-address">64.123.132.123</div>
</div>
<div class="form-field-container">
<div class="field-label-container"><label class="field-label" for="location">Location</label></div>
<div id="location">Surrey, British Columbia, Canada</div>
</div>
</div>
<div class="form-button-container">
<div class="form-field-container">
<div class="field-label-container"><label class="field-label" for="detail">Detail</label></div>
<div id="detail">
<p class="activity-log-details">User [Lee Vaniderstine] added new data [GENERAL_KNOWLEDGE: You are Santa Claus, the magical and jolly figure known for spreading joy and delivering gifts to children around the world...] linked to Expert [Santa Claus].</p>
</div>
</div>
</div>
<div class="form-button-container">
<button type="button" class="button full w-button" aria-label="Close">Close</button>
</div>
</div>
</div>
</div>
<div class="modal-close-button w-embed" role="button" aria-label="Close modal">
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
</div>
</div>
</div>