From 2fb6ea6c643fca6179b7197c12b489989dc5541b Mon Sep 17 00:00:00 2001
From: Corban-Lee Jones <corbz.jones@gmail.com>
Date: Mon, 22 Jan 2024 14:14:44 +0000
Subject: [PATCH] Updated none-found and ticket item priority badge

---
 apps/static/css/index.css        |  4 ++++
 apps/templates/home/tickets.html | 20 +++++++++-----------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/apps/static/css/index.css b/apps/static/css/index.css
index d9abc4f..6a12ce9 100644
--- a/apps/static/css/index.css
+++ b/apps/static/css/index.css
@@ -130,6 +130,10 @@ body {
     width: 0 !important;
 }
 
+.ticket-item .ticket-item-complex .badge {
+    width: 1.8rem;
+}
+
 .ticket-item .ticket-item-icon {
     width: 2rem;
     height: 2rem;
diff --git a/apps/templates/home/tickets.html b/apps/templates/home/tickets.html
index e00b8b9..0c361ce 100644
--- a/apps/templates/home/tickets.html
+++ b/apps/templates/home/tickets.html
@@ -198,15 +198,13 @@
 
                 <div id="ticketsContainer" class="layer w-100 fxg-1 scrollable pos-r ov-h">
                     <div class="content"></div>
-                    <div class="none-found pos-a top-50 start-50 translate-middle" style="display: none;">
-                        <h6 class="fw-bold">No Tickets Found</h6>
-                        <ul class="text-body-tertiary small">
-                            <li>Try clearing your search</li>
-                            <li>Try removing your filters</li>
-                            <li>Try using the refresh button</li>
-                        </ul>
+                    <div class="none-found p-20" style="display: none;">
+                        <div class="pos-a top-50 start-50 translate-middle text-center">
+                            <div class="fs-1 fw-bolder">404</div>
+                            <div class="fs-4 fw-bold text-body-tertiary">No Tickets Found</div>
+                        </div>
                     </div>
-                    <div class="loading bg-body-secondary h-100" style="display: none;">
+                    <div class="loading bg-body-tertiary h-100" style="display: none;">
                         {% for i in "x"|rjust:"3" %}
                             <div class="email-list-item peers fxw-nw p-20 bdB placeholder-glow" >
                                 <div class="peer mR-10">
@@ -407,12 +405,12 @@
 <!-- Ticket Item Template -->
 <script id="ticketItemTemplate" type="text/template">
     <div class="ticket-item fxw-nw bdB peers fxw-nw p-20 w-100" data-uuid="-1">
-        <div class="ticket-item-complex peer mR-20 d-flex flex-column align-self-stretch">
+        <div class="ticket-item-complex peer mR-20 d-flex flex-column align-items-center align-self-stretch">
             <img src="" alt="" class="ticket-item-icon">
-            <div class="ticket-item-department badge rounded mt-auto mx-auto">
+            <div class="ticket-item-department badge rounded mt-auto">
                 <i class="fa fa-users"></i>
             </div>
-            <div class="ticket-item-priority badge rounded mt-2 mx-auto">
+            <div class="ticket-item-priority badge rounded mt-2">
                 <i class="fa fa-folder"></i>
             </div>
         </div>