Version 1.3 - Update Design and removed User

public/ticketview/admin-view.css

@@ -1,7 +1,7 @@
 /* ==== ADMIN COMMENT STYLING ==== */
 .comment.admin .comment-content {
-  background-color: var(--color-admin-highlight);
-  border-left: 4px solid var(--color-primary);
+  background-color: rgba(99, 102, 241, 0.08);
+  border-left: 3px solid var(--color-primary);
 }
 .comment.admin .comment-author::after {
   content: " (Admin)";
@@ -19,18 +19,17 @@
 }
 .btn-secondary {
   padding: 10px 16px;
-  border: none;
+  border: 1px solid rgba(99, 102, 241, 0.2);
   border-radius: var(--radius);
   cursor: pointer;
   font-weight: 600;
-  transition: background 0.2s ease;
-}
-.btn-secondary {
-  background-color: var(--color-accent);
-  color: white;
+  transition: all 0.25s ease;
+  background: rgba(99, 102, 241, 0.15);
+  color: #818cf8;
 }
 .btn-secondary:hover {
-  background-color: #1976d2;
+  background: rgba(99, 102, 241, 0.25);
+  border-color: rgba(99, 102, 241, 0.3);
 }
 
 /* ==== CUSTOM ADMIN LAYOUT FIX ==== */
@@ -43,58 +42,47 @@
   .ticket-info-grid {
     grid-template-columns: repeat(3, 1fr);
   }
-}
 /* GRID ADMIN SIDE ORDER */
 
 .ticket-info-grid {
   display: grid;
-  grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
-  grid-template-rows: auto auto auto;    /* 3 rows */
+  grid-template-columns: repeat(3, 1fr);
+  grid-template-rows: auto auto auto;
   gap: 15px;
 }
 
-/* Requester: span all 3 columns on row 1 */
-.info-item.requester {
+/* Description: span all 3 columns on row 1 */
+.info-item.description {
   grid-column: 1 / 4;
   grid-row: 1 / 2;
 }
 
-/* Description: span all 3 columns on row 2 */
-.info-item.description {
-  grid-column: 1 / 4;
-  grid-row: 2 / 3;
-}
-
-/* Created, Updated, Time: row 3, columns 1-3 */
+/* Created, Updated, Time: row 2 */
 .info-item.created {
   grid-column: 1 / 2;
-  grid-row: 3 / 4;
+  grid-row: 2 / 3;
 }
 .info-item.updated {
   grid-column: 2 / 3;
-  grid-row: 3 / 4;
+  grid-row: 2 / 3;
 }
-/* Time div isn’t .info-item, so select it directly by nth-child */
-.ticket-info-grid > div:nth-child(5) {
+.ticket-info-grid > div:nth-child(4) {
   grid-column: 3 / 4;
-  grid-row: 3 / 4;
-  display: flex;
-  align-items: center;
-  gap: 10px;
+  grid-row: 2 / 3;
 }
 
-/* Status, Priority, Category: row 4, columns 1-3 */
+/* Status, Priority, Category: row 3 */
 .info-item.status {
   grid-column: 1 / 2;
-  grid-row: 4 / 5;
+  grid-row: 3 / 4;
 }
 .info-item.priority {
   grid-column: 2 / 3;
-  grid-row: 4 / 5;
+  grid-row: 3 / 4;
 }
 .info-item.category {
   grid-column: 3 / 4;
-  grid-row: 4 / 5;
+  grid-row: 3 / 4;
 }
 
 .forms-row {
@@ -119,4 +107,4 @@
   .forms-row {
     flex-direction: column;
   }
-}
+}