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

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

@@ -1,8 +1,4 @@
 .projects-container {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-
   .toolbar {
     display: flex;
     justify-content: space-between;
@@ -21,6 +17,7 @@
       display: flex;
       gap: 16px;
       align-items: center;
+      flex-wrap: wrap;
       
       .search-field { 
         width: 300px;
@@ -101,19 +98,6 @@
         box-shadow: 0 4px 8px rgba(0,0,0,0.15); 
       }
       
-      &.disabled { 
-        opacity: 0.7; 
-        
-        .project-icon { 
-          background-color: #999 !important; 
-        } 
-      }
-      
-      &.deleted { 
-        opacity: 0.5; 
-        background-color: #fafafa; 
-      }
-
       .project-icon {
         background-color: #3f51b5;
         color: white;
@@ -122,6 +106,7 @@
         justify-content: center;
         width: 40px;
         height: 40px;
+        border-radius: 50%;
         
         mat-icon { 
           font-size: 24px; 
@@ -146,9 +131,13 @@
           display: flex;
           align-items: center;
           gap: 8px;
-          margin-bottom: 8px;
+          margin-bottom: 12px; // 8px'den 12px'e çıkardım
           color: #666;
           
+          &:last-child {
+            margin-bottom: 0;
+          }
+          
           mat-icon { 
             font-size: 18px; 
             width: 18px; 
@@ -163,11 +152,12 @@
       }
 
       mat-card-actions {
-        padding: 8px 16px;
+        padding: 12px 16px; // padding artırıldı
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
         gap: 8px;
+        border-top: 1px solid #e0e0e0; // üst border eklendi
         
         button {
           &:last-child {