swap px with other css units

1 files changed, 6 insertions, 6 deletions

diff --git a/clams-server/src/main/resources/public/css/projects.css b/clams-server/src/main/resources/public/css/projects.css
index d29f116..f56955b 100644
--- a/clams-server/src/main/resources/public/css/projects.css
+++ b/clams-server/src/main/resources/public/css/projects.css
@@ -1,5 +1,5 @@
 .projects-category {
-    margin-bottom: 60px;
+    margin-bottom: 3.8rem;
 }
 
 .project-list {
@@ -12,8 +12,8 @@
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
-    gap: 20px;
-    padding: 20px 0;
+    gap: 1.2rem;
+    padding: 1.2rem 0;
     border-bottom: 1px solid var(--border-color);
 }
 
@@ -22,7 +22,7 @@
 }
 
 .project-item h3 {
-    margin: 0 0 8px 0;
+    margin: 0 0 0.4rem 0;
     font-size: 1.2rem;
 }
 
@@ -37,7 +37,7 @@
 .project-actions {
     display: flex;
     flex-wrap: wrap;
-    gap: 10px;
+    gap: 0.6rem;
     justify-content: flex-end;
     flex-shrink: 0;
 }
@@ -46,7 +46,7 @@
     font-size: 0.85rem;
     text-decoration: none;
     border: 1px solid var(--border-color);
-    padding: 4px 10px;
+    padding: 0.2rem 0.6rem;
     border-radius: 4px;
     background: #e8e8e4;
 }