view tickets

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>

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;
+}

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 {