Tighten project tag styling with smaller padding and cleaner appearance

Author: huaicheng

content/project/cxl-memory/index.md

@@ -1,10 +1,9 @@
 ---
-title: CXL Memory Pooling and Disaggregation
+title: Memory Disaggregation
 date: 2024-12-01
 tags:
   - CXL
-  - Memory Systems
-  - Cloud Infrastructure
   - Disaggregation
-summary: Building memory pooling/disaggregation systems with CXL
+  - Datacenter
+summary: Building efficient memory pooling/disaggregation systems with CXL
 ---

content/project/os-architecture/index.md

@@ -1,10 +1,10 @@
 ---
-title: Operating Systems and Architecture Co-Design
+title: Operating Systems
 date: 2024-10-15
 tags:
-  - Operating Systems
-  - Computer Architecture
-  - Hardware-Software Co-design
+  - OS
+  - Hardware
+  - Co-design
   - Performance
 summary: Rethinking OS abstractions and hardware-software interfaces for modern hardware architectures
----
+---

layouts/project/list.html

@@ -141,23 +141,24 @@ <h3 class="project-title">{{ .Title }}</h3>
 .project-tags {
   display: flex;
   flex-wrap: wrap;
-  gap: 0.35rem;
+  gap: 0.25rem;
   justify-content: center;
   margin-top: auto;
 }
 
 .tag {
   display: inline-block;
-  background: rgba(134, 31, 65, 0.1);
+  background: rgba(134, 31, 65, 0.08);
   color: var(--vt-maroon);
-  padding: 0.2rem 0.5rem;
-  border-radius: 8px;
-  font-size: 0.65rem;
+  padding: 0.15rem 0.35rem;
+  border-radius: 6px;
+  font-size: 0.6rem;
   font-weight: 600;
   text-transform: uppercase;
-  letter-spacing: 0.03em;
-  border: 1px solid rgba(134, 31, 65, 0.2);
+  letter-spacing: 0.02em;
+  border: 1px solid rgba(134, 31, 65, 0.15);
   transition: all 0.2s ease;
+  line-height: 1;
 }
 
 .project-card:hover .tag {
@@ -221,8 +222,8 @@ <h3 class="project-title">{{ .Title }}</h3>
   }
 
   .tag {
-    font-size: 0.6rem;
-    padding: 0.15rem 0.4rem;
+    font-size: 0.55rem;
+    padding: 0.1rem 0.3rem;
   }
 }
 </style>