jd

src/views/Jobs.vue

@@ -315,8 +315,9 @@ onMounted(() => {
       z-index: 1001;
       
       .close-button {
+        padding: 0 0 4px 0;
         position: absolute;
-        top: 1rem;
+        top: 1.5rem;
         right: 1rem;
         background: none;
         border: none;
@@ -332,38 +333,11 @@ onMounted(() => {
         border-radius: 50%;
         background-color: var(--card-bg, #fff);
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+        transition: color 0.2s ease, background-color 0.2s ease;
         
         &:hover {
           color: var(--text-color, #333);
-          background-color: var(--hover-bg, #f5f5f5);
-        }
-      }
-    }
-  }
-}
-
-// Dark mode styles
-@media (prefers-color-scheme: dark) {
-  .jobs-container {
-    .loading-container {
-      .loading-spinner {
-        border-color: #444;
-        border-top-color: var(--primary-color, #3498db);
-      }
-    }
-    
-    .job-detail-modal {
-      .modal-overlay {
-        background-color: rgba(0, 0, 0, 0.7);
-      }
-      
-      .modal-content {
-        .close-button {
-          background-color: #333;
-          
-          &:hover {
-            background-color: #444;
-          }
+          background-color: var(--card-bg-secondary, #f5f5f5);
         }
       }
     }