Stramline template's use and adjust styl.es.

templates/invitations/send.html

@@ -7,7 +7,7 @@
         <div class="header-content">
             <div class="header-left">
                 <h1 class="page-title">
-                    <span class="page-icon">✉️</span>
+                    <span class="page-icon"><i class="ti ti-mail"></i></span>
                     Send Invitation
                 </h1>
                 <p class="page-subtitle">Invite team members to join {{ g.user.company.name }}</p>
@@ -60,7 +60,7 @@
 
                     <div class="info-panel">
                         <div class="info-item">
-                            <span class="info-icon">📧</span>
+                            <span class="info-icon"><i class="ti ti-mail-opened"></i></span>
                             <div class="info-content">
                                 <h4>What happens next?</h4>
                                 <ul>
@@ -75,7 +75,7 @@
 
                     <div class="form-actions">
                         <button type="submit" class="btn btn-primary">
-                            <span class="icon">📤</span>
+                            <span class="icon"><i class="ti ti-send"></i></span>
                             Send Invitation
                         </button>
                         <a href="{{ url_for('invitations.list_invitations') }}" class="btn btn-ghost">
@@ -90,7 +90,7 @@
         <div class="card preview-card">
             <div class="card-header">
                 <h2 class="card-title">
-                    <span class="icon">👁️</span>
+                    <span class="icon"><i class="ti ti-eye"></i></span>
                     Email Preview
                 </h2>
             </div>