diff --git a/apps/static/css/index.css b/apps/static/css/index.css
index 804c10c..c1beab5 100644
--- a/apps/static/css/index.css
+++ b/apps/static/css/index.css
@@ -75,6 +75,14 @@ body {
overflow-x: hidden;
}
+.bdT {
+ border-top: 1px solid var(--bs-border-color) !important;
+}
+
+.bdB {
+ border-bottom: 1px solid var(--bs-border-color) !important;
+}
+
/* Ticket List Items */
@@ -82,6 +90,10 @@ body {
cursor: pointer;
}
+.ticket-item:hover {
+ background-color: var(--bs-tertiary-bg);
+}
+
.ticket-item .ticket-item-icon {
width: 2rem;
height: 2rem;
@@ -90,11 +102,13 @@ body {
}
.ticket-item .ticket-item-title {
+ color: var(--bs-body-color);
font-size: 1rem;
text-transform: capitalize;
}
.ticket-item .ticket-item-desc {
+ color: var(--bs-secondary-color);
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
@@ -114,3 +128,35 @@ body {
.ticket-content .ticket-content.author {
margin-bottom: 5px;
}
+
+
+/* Tickets Side Nav */
+
+.email-app .email-side-nav {
+ border-right: 1px solid var(--bs-border-color);
+}
+
+@media screen and (min-width: 992px) {
+ .email-app .email-wrapper .email-list {
+ border-right: 1px solid var(--bs-border-color);
+ }
+}
+
+
+/* Base Sidebar Navigation */
+
+.sidebar-menu {
+ border-right: 1px solid var(--bs-border-color);
+}
+
+.sidebar-logo {
+ border-right: 1px solid var(--bs-border-color);
+ border-bottom: 1px solid var(--bs-border-color);
+}
+
+
+/* Top Navigation */
+
+.header {
+ border-bottom: 1px solid var(--bs-border-color);
+}
\ No newline at end of file
diff --git a/apps/templates/includes/navigation.html b/apps/templates/includes/navigation.html
index 771773c..7e82afa 100644
--- a/apps/templates/includes/navigation.html
+++ b/apps/templates/includes/navigation.html
@@ -106,7 +106,7 @@