style(AttendanceRecordView): 调整表格和事件类型的响应式样式

优化移动端显示效果：
- 缩小表格字体和内边距
- 调整事件类型标签的字体大小和内边距
- 确保事件类型文本不换行

src/views/AttendanceRecordView.vue

@@ -268,6 +268,7 @@ onMounted(() => {
   color: var(--c-primary-text);
   font-size: 0.85rem;
   text-transform: capitalize;
+  white-space: nowrap; /* Keep on one line */
 }
 .event-type.clock_in {
   background-color: var(--c-success);
@@ -317,12 +318,17 @@ onMounted(() => {
 
   /* Adjust table font size for smaller screens if needed */
   table {
-    font-size: 0.9rem;
+    font-size: 0.8rem; /* Slightly smaller font for table on small screens */
   }
 
   th,
   td {
-    padding: 8px 10px; /* Reduce padding for table cells */
+    padding: 6px 8px; /* Reduce padding for table cells further */
+  }
+
+  .event-type {
+    font-size: 0.75rem; /* Slightly smaller font for event type tag */
+    padding: 3px 6px; /* Adjust padding for smaller font */
   }
 }
 </style>