Update flare-ui/src/app/components/test/test.component.scss

flare-ui/src/app/components/test/test.component.scss

@@ -7,6 +7,7 @@
     display: flex;
     gap: 12px;
     margin-bottom: 24px;
+    flex-wrap: wrap; // responsive için
 
     button {
       mat-icon {
@@ -16,14 +17,11 @@
   }
 
   .test-categories {
-    background: white;
-    border: 1px solid #e0e0e0;
-    border-radius: 4px;
-    padding: 16px;
     margin-bottom: 24px;
+    padding: 20px; // padding artırıldı
 
     > mat-checkbox {
-      margin-bottom: 16px;
+      margin-bottom: 20px; // 16px'den 20px'e
       display: block;
     }
 
@@ -32,14 +30,17 @@
         margin-bottom: 8px;
 
         mat-checkbox {
-          margin-right: 8px;
+          margin-right: 12px; // 8px'den 12px'e
         }
 
         .category-status {
+          margin-right: 16px; // sağ taraf için boşluk
+
           mat-chip {
             font-size: 11px;
             min-height: 20px;
             padding: 2px 8px;
+            margin: 0 2px;
 
             &.success-chip {
               background-color: #e8f5e9;
@@ -62,6 +63,7 @@
           .test-duration {
             color: #666;
             font-size: 12px;
+            margin-left: 8px; // sol boşluk eklendi
           }
 
           .test-details {