fix css

Author: ryanslatten

web-app/admin/src/app/admin/admin-event/admin-event-form/fields-list/fields-list.component.scss

@@ -1,4 +1,4 @@
-@import '../../shared-event-styles';
+@import '../../event-styles';
 
 .fields-list-detailed,
 ::ng-deep .cdk-drag-preview {

web-app/admin/src/app/admin/admin-event/admin-event-form/form-details/field-dialog/field-dialog.component.html

@@ -7,7 +7,7 @@ <h2 mat-dialog-title>{{ isEditMode ? 'Edit Field' : 'Add New Field' }}</h2>
                 <strong>Field Type</strong>
             </div>
             <div class="config-inline-control">
-                <select class="form-input" [(ngModel)]="field.type" name="fieldType">
+                <select class="form-input" [(ngModel)]="field.type" name="fieldType" [disabled]="isEditMode">
                     <option *ngFor="let type of data.fieldTypes" [value]="type.name">
                         {{ type.title }}
                     </option>
@@ -220,7 +220,6 @@ <h2 mat-dialog-title>{{ isEditMode ? 'Edit Field' : 'Add New Field' }}</h2>
                 <input type="checkbox" [(ngModel)]="field.required" name="fieldRequired">
                 <span>Required Field</span>
             </label>
-            <p class="field-hint">Users must enter a value for this field.</p>
         </div>
     </div>
 </mat-dialog-content>

web-app/admin/src/app/admin/admin-event/admin-event-form/form-details/field-dialog/field-dialog.component.scss

@@ -1,4 +1,4 @@
-@import '../../../shared-event-styles';
+@import '../../../event-styles';
 
 ::ng-deep .add-field-dialog {
     .mat-mdc-dialog-container {
@@ -12,10 +12,9 @@
 
     .config-inline-item {
         display: grid;
-        grid-template-columns: 150px 1fr;
+        grid-template-columns: 175px 1fr;
         gap: 16px;
         align-items: start;
-        margin-bottom: 20px;
 
         .config-inline-label {
             display: flex;
@@ -64,36 +63,6 @@
         }
     }
 
-    .checkbox-section {
-        margin-bottom: 20px;
-
-        .checkbox-label {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            cursor: pointer;
-            user-select: none;
-
-            input[type="checkbox"] {
-                width: 18px;
-                height: 18px;
-                cursor: pointer;
-            }
-
-            span {
-                font-size: 14px;
-                font-weight: 500;
-                color: #333;
-            }
-        }
-
-        .field-hint {
-            font-size: 12px;
-            color: #666;
-            margin: 4px 0 0 26px;
-            line-height: 1.4;
-        }
-    }
 
     .options-list {
         margin-bottom: 1rem;
@@ -177,6 +146,9 @@
 
         .checkbox-label {
             margin-bottom: 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
         }
     }
 }

web-app/admin/src/app/admin/admin-event/admin-event-form/form-details/form-details.component.scss

@@ -1,4 +1,4 @@
-@import '../../shared-event-styles';
+@import '../../event-styles';
 
 .details-section {
     display: grid;

web-app/admin/src/app/admin/admin-event/create-event/create-event.component.scss

@@ -1,4 +1,4 @@
-@import '../shared-event-styles';
+@import '../event-styles';
 
 .error-alert {
   display: flex;

web-app/admin/src/app/admin/admin-event/create-form/create-form.component.scss

@@ -1,4 +1,4 @@
-@import '../shared-event-styles';
+@import '../event-styles';
 
 .dialog-modal {
     display: flex;

web-app/admin/src/app/admin/admin-event/dashboard/event-dashboard.component.scss

@@ -1,4 +1,4 @@
-@import '../shared-event-styles';
+@import '../event-styles';
 
 ::ng-deep .admin-main-content {
   min-width: 520px;

web-app/admin/src/app/admin/admin-event/delete-event/delete-event.component.scss

@@ -1,4 +1,4 @@
-@import '../shared-event-styles';
+@import '../event-styles';
 
 .dialog-modal {
     padding: 20px;

web-app/admin/src/app/admin/admin-event/event-details/event-details.component.scss

@@ -1,4 +1,4 @@
-@import '../shared-event-styles';
+@import '../event-styles';
 
 .container {
     padding: 16px;

web-app/admin/src/app/admin/admin-event/_shared-event-styles.scss renamed to web-app/admin/src/app/admin/admin-event/event-styles.scss

@@ -1,6 +1,3 @@
-// Shared styles for admin event components
-// Import this file in component stylesheets that need these common patterns
-
 .container {
     padding: 16px;
 }
@@ -101,10 +98,6 @@
     }
 }
 
-// ============================================================================
-// CARDS & CONTAINERS
-// ============================================================================
-
 .details-card,
 .card {
     background: white;
@@ -458,10 +451,6 @@ mat-card-content {
     }
 }
 
-// ============================================================================
-// BUTTONS
-// ============================================================================
-
 .action-button {
     display: inline-flex;
     align-items: center;
@@ -572,10 +561,6 @@ mat-card-content {
     border-top: 1px solid #e5e7eb;
 }
 
-// ============================================================================
-// ALERTS & MESSAGES
-// ============================================================================
-
 .error-alert {
     display: flex;
     align-items: center;
@@ -687,10 +672,6 @@ mat-card-content {
     }
 }
 
-// ============================================================================
-// TABLES & LISTS
-// ============================================================================
-
 .table-wrapper {
     display: flex;
     flex-direction: column;
@@ -785,10 +766,6 @@ mat-card-content {
     min-width: fit-content;
 }
 
-// ============================================================================
-// DRAG & DROP
-// ============================================================================
-
 .cdk-drag-preview {
     box-sizing: border-box;
     border-radius: 8px;
@@ -807,10 +784,6 @@ mat-card-content {
     transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
 }
 
-// ============================================================================
-// DIVIDERS
-// ============================================================================
-
 hr {
     margin: 2rem 0;
     border: 0;