From dfb031949b133a5cb994800b11fd08b4c93d61df Mon Sep 17 00:00:00 2001
From: TheDiluTek <saskiamisuncsg@icloud.com>
Date: Sat, 6 Jun 2026 17:25:12 +0200
Subject: [PATCH] view tickets

---
 frontend/src/pages/ticket.rs                 |  4 ++--
 frontend/src/styles/components/_tickets.scss | 25 +++++++++++++++++++-
 frontend/src/styles/main.scss                |  1 +
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/ticket.rs b/frontend/src/pages/ticket.rs
index be911dd..e087578 100644
--- a/frontend/src/pages/ticket.rs
+++ b/frontend/src/pages/ticket.rs
@@ -674,9 +674,9 @@ pub fn all_tickets_component() -> Html {
         html! { <p>{ format!("Error: {}", e) }</p> }
     } else {
         html! {
-            <ul>
+            <ul class= "postits">
             { for tickets.iter().filter(|t| t.status != "Archived" && (if user.is_admin { true } else if let Some(uid) = user.id { t.user_id == uid } else { false })).map(|t| html! {
-                    <div>
+                    <div class="ticketbox">
                         <li key={t.id.to_string()}>
                             <Link<crate::Route> to={crate::Route::TicketById{id: t.id}}><h3>{ format!("{} - #{}", t.betreff, t.id) }</h3></Link<crate::Route>>
                             <p>{ &t.description }</p>
diff --git a/frontend/src/styles/components/_tickets.scss b/frontend/src/styles/components/_tickets.scss
index bf6b9fb..1be5f73 100644
--- a/frontend/src/styles/components/_tickets.scss
+++ b/frontend/src/styles/components/_tickets.scss
@@ -7,8 +7,31 @@
   display: flex;
   flex-direction: column;
   gap: $spacing-sm;
-  
+
   .meta { color: $color-muted; font-size: 0.9rem; }
   .title { font-weight: 600; }
+
 }
 
+.ticketbox {
+  max-width: auto;
+  margin:0 0;
+  margin-top: 96px;
+  background-color: #ffec3f;
+  padding-bottom: 96px;
+  padding-left: 32px;
+  padding-right: 32px;
+  padding-top: 96px;
+  border-radius: 20px;
+  border-color: #000000;
+  border-style: double;
+  box-shadow: 20px 20px 10px;
+  box-shadow: rgb(43, 43, 43);
+  font-size: 26px;
+}
+
+.postits {
+  display: grid;
+  grid-template-columns: auto auto auto;
+  gap: 8px;
+}
\ No newline at end of file
diff --git a/frontend/src/styles/main.scss b/frontend/src/styles/main.scss
index 706057e..f1c5e95 100644
--- a/frontend/src/styles/main.scss
+++ b/frontend/src/styles/main.scss
@@ -59,6 +59,7 @@ body {
   border-style: double;
   box-shadow: 20px 20px 10px;
   box-shadow: rgb(43, 43, 43);
+  font-size: 26px;
   
 
   input, button {