From 3fd4063730f40fa08b15ccf5c4f005bc76837d81 Mon Sep 17 00:00:00 2001
From: vee1e <vermalucky2004@gmail.com>
Date: Thu, 11 Jun 2026 01:53:33 +0530
Subject: [PATCH] style: remove redundant form-list and schema-modal CSS rules
 to resolve Angular style budget warning

---
 .../app/components/upload/upload.component.ts | 344 ------------------
 1 file changed, 344 deletions(-)

diff --git a/frontend/src/app/components/upload/upload.component.ts b/frontend/src/app/components/upload/upload.component.ts
index 24a3a1e..8bdda57 100644
--- a/frontend/src/app/components/upload/upload.component.ts
+++ b/frontend/src/app/components/upload/upload.component.ts
@@ -942,103 +942,7 @@ import { UploadStateService } from '../../services/upload-state.service';
       margin-bottom: 0.25rem;
     }
 
-    .form-list {
-      border-top: 2px dashed #ffffff;
-      border-radius: 0;
-      border-right: none;
-      border-bottom: none;
-      border-left: none;
-      padding: 16px;
-      margin-bottom: 24px;
-    }
 
-    .form-item {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 1rem;
-      background: rgba(255, 255, 255, 0.05);
-      border-radius: 8px;
-      margin-bottom: 0.5rem;
-      transition: all 0.3s ease;
-      cursor: pointer;
-      border: 1px solid rgba(255, 255, 255, 0.1);
-
-      &:hover {
-        background: rgba(255, 255, 255, 0.1);
-        border-color: rgba(255, 255, 255, 0.3);
-      }
-
-      &.loading {
-        background: rgba(255, 255, 255, 0.1);
-        opacity: 0.6;
-        pointer-events: none;
-      }
-
-      &.previewed {
-        background: rgba(255, 255, 255, 0.15);
-        border: 2px solid #ffffff;
-        box-shadow: 0 0 12px rgba(255, 255, 255, 0.3);
-        transform: scale(1.009);
-
-        &:hover {
-          background: rgba(255, 255, 255, 0.2);
-        }
-      }
-    }
-
-    .form-info {
-      display: flex;
-      align-items: center;
-      gap: 1rem;
-
-      mat-icon {
-        color: #ffffff;
-      }
-
-      .loading-spinner {
-        ::ng-deep circle {
-          stroke: #ffffff;
-        }
-      }
-    }
-
-    .form-details {
-      h4 {
-        margin: 0;
-        font-size: 1rem;
-        font-weight: 500;
-      }
-
-      .form-title {
-        max-width: 1200px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        cursor: help;
-        margin: 0;
-        font-size: 1rem;
-        font-weight: 500;
-      }
-
-      p {
-        margin: 0;
-        font-size: 0.875rem;
-        color: rgba(255, 255, 255, 0.7);
-      }
-    }
-
-    .delete-all-wrapper {
-      display: flex;
-      justify-content: center;
-      padding-bottom: 24px;
-    }
-
-    .center-header {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
 
     .valid { color: #4CAF50; margin-left: 8px; }
     .invalid { color: #f44336; margin-left: 8px; }
@@ -1128,29 +1032,7 @@ import { UploadStateService } from '../../services/upload-state.service';
       background: rgba(244, 67, 54, 0.95) !important;
     }
 
-    .form-actions {
-      display: flex;
-      align-items: center;
-      gap: 0.5rem;
 
-      ::ng-deep .mat-mdc-icon-button {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 40px;
-        height: 40px;
-
-        .mat-icon {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          font-size: 20px;
-          width: 20px;
-          height: 20px;
-          margin: 0;
-        }
-      }
-    }
 
     ::ng-deep {
       .custom-snackbar {
@@ -1217,233 +1099,7 @@ import { UploadStateService } from '../../services/upload-state.service';
       }
     }
 
-    /* Schema Modal Styles */
-    .schema-modal-overlay {
-      position: fixed;
-      top: 0;
-      left: 0;
-      width: 100vw;
-      height: 100vh;
-      background: rgba(0, 0, 0, 0.8);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      z-index: 5000;
-      backdrop-filter: blur(4px);
-    }
 
-    .schema-modal-content {
-      background: #1e1e1e;
-      border: 1px solid rgba(255, 255, 255, 0.1);
-      border-radius: 12px;
-      width: 90vw;
-      max-width: 800px;
-      max-height: 90vh;
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
-    }
-
-    .schema-modal-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 1.5rem;
-      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-      background: rgba(255, 255, 255, 0.02);
-
-      h3 {
-        margin: 0;
-        color: #ffffff;
-        font-size: 1.2rem;
-        font-weight: 600;
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-      }
-
-      .schema-modal-icon {
-        color: #ffffff !important;
-        font-size: 20px;
-      }
-
-      .close-modal-btn {
-        color: #ffffff !important;
-      }
-    }
-
-    .schema-modal-body {
-      flex: 1;
-      overflow-y: auto;
-      padding: 1.5rem;
-    }
-
-    .schema-section {
-      margin-bottom: 2rem;
-
-      h4 {
-        margin: 0 0 1rem 0;
-        color: #ffffff;
-        font-size: 1rem;
-        font-weight: 600;
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-        padding-bottom: 0.5rem;
-        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-      }
-
-      .section-icon {
-        color: #ffffff !important;
-        font-size: 18px;
-      }
-    }
-
-    .schema-info-grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-      gap: 1rem;
-    }
-
-    .info-item {
-      display: flex;
-      gap: 0.5rem;
-      color: rgba(255, 255, 255, 0.8);
-      font-size: 0.9rem;
-
-      strong {
-        color: #ffffff;
-        min-width: 80px;
-      }
-    }
-
-    .questions-container {
-      max-height: 300px;
-      overflow-y: auto;
-      border: 1px solid rgba(255, 255, 255, 0.1);
-      border-radius: 8px;
-      padding: 1rem;
-      background: rgba(255, 255, 255, 0.02);
-    }
-
-    .question-group {
-      margin-bottom: 1.5rem;
-
-      .group-title {
-        margin: 0 0 0.75rem 0;
-        color: #ffffff;
-        font-size: 0.9rem;
-        font-weight: 600;
-      }
-    }
-
-    .question-item {
-      margin-bottom: 1rem;
-      padding: 0.75rem;
-      border: 1px solid rgba(255, 255, 255, 0.1);
-      border-radius: 6px;
-      background: rgba(255, 255, 255, 0.03);
-
-      .question-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 0.5rem;
-
-        .question-name {
-          color: #ffffff;
-          font-weight: 600;
-          font-size: 0.85rem;
-        }
-
-        .question-type {
-          background: rgba(255, 255, 255, 0.1);
-          color: #ffffff;
-          padding: 0.2rem 0.5rem;
-          border-radius: 4px;
-          font-size: 0.75rem;
-          font-weight: 500;
-        }
-      }
-
-      .question-label {
-        color: rgba(255, 255, 255, 0.8);
-        font-size: 0.9rem;
-        margin-bottom: 0.5rem;
-      }
-
-      .question-choices {
-        margin-top: 0.5rem;
-
-        .choice-header {
-          color: #ffffff;
-          font-size: 0.8rem;
-          font-weight: 600;
-          margin-bottom: 0.25rem;
-        }
-
-        .choice-item {
-          display: flex;
-          gap: 0.5rem;
-          margin-bottom: 0.25rem;
-          font-size: 0.8rem;
-
-          .choice-name {
-            color: #ffffff;
-            font-weight: 500;
-            min-width: 30px;
-          }
-
-          .choice-label {
-            color: rgba(255, 255, 255, 0.7);
-          }
-        }
-      }
-    }
-
-    .json-container {
-      max-height: 300px;
-      overflow: auto;
-      border: 1px solid rgba(255, 255, 255, 0.1);
-      border-radius: 8px;
-      background: #0d1117;
-    }
-
-    .json-content {
-      margin: 0;
-      padding: 1rem;
-      color: #ffffff;
-      font-family: 'Inter', sans-serif;
-      font-size: 0.8rem;
-      line-height: 1.4;
-      white-space: pre-wrap;
-      word-wrap: break-word;
-    }
-
-    .schema-modal-actions {
-      display: flex;
-      gap: 0.75rem;
-      padding: 1.5rem;
-      border-top: 1px solid rgba(255, 255, 255, 0.1);
-      background: rgba(255, 255, 255, 0.02);
-      justify-content: flex-end;
-    }
-
-    @media (max-width: 768px) {
-      .schema-modal-content {
-        width: 95vw;
-        max-height: 95vh;
-      }
-
-      .schema-info-grid {
-        grid-template-columns: 1fr;
-      }
-
-      .schema-modal-actions {
-        flex-direction: column;
-      }
-    }
   `]
 })
 export class UploadComponent implements OnInit, OnChanges {