everything works again

Author: AnnaZiafar

src/main/jte/producer/dashboard.jte

@@ -9,9 +9,7 @@
 title = "Dashboard",
 company = company,
 content = @`
-    <header class="dashboard-header">
-        <h1 class="page-title">Producer Dashboard</h1>
-    </header>
+    <h1 class="page-title">Producer Dashboard</h1>
 
     <div class="table-card">
         <table class="project-table">

src/main/resources/static/css/style2.css

@@ -102,20 +102,19 @@ body {
 }
 
 /* DASHBOARD CONTENT */
-
 main{
     width: 100%;
     max-width: 1200px;
-    margin: 0 auto;
-    padding: 4rem var(--side-padding);
+    margin: auto;
+    padding: 0 var(--side-padding);
     box-sizing: border-box;
 }
 
 
 .page-title {
     font-size: 2.8rem;
     font-weight: 900;
-    margin-bottom: 0.5rem;
+    margin-bottom: 2rem;
     background: linear-gradient(to right, #fff, var(--accent-purple));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
@@ -158,9 +157,24 @@ main{
 
 .project-table {
     width: 100%;
-    border-collapse: collapse;
+    border-collapse: separate;
+    border-spacing: 0 15px;
+}
+
+.project-table td {
+    padding: 1.5rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }
 
+.project-row td {
+    padding: 1.2rem 1.5rem;
+    border-top: 2px solid transparent;    /* Förbereder för hover-ramen */
+    border-bottom: 2px solid transparent;
+    color: white;
+    border-radius: 12px;
+}
+
+
 .project-table th {
     text-align: left;
     padding: 1.5rem;
@@ -171,10 +185,6 @@ main{
     letter-spacing: 1.5px;
 }
 
-.project-table td {
-    padding: 1.5rem;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
-}
 
 /* PROGRESS BAR */
 .progress-container {