From b14cf641240120c02f6cf52f0c3e348a6dc67b40 Mon Sep 17 00:00:00 2001
From: Fabio Formosa <fabio.formosa@gmail.com>
Date: Wed, 14 Sep 2022 20:26:10 +0200
Subject: [PATCH] #59 reduced the size of the trigger form

---
 .../simple-trigger-config.component.html      | 29 +++++++++++++++----
 .../simple-trigger-config.component.scss      |  4 +++
 .../app/views/manager/manager.component.html  |  2 +-
 3 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.html b/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.html
index 63d7fb1..f68dbdd 100644
--- a/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.html
+++ b/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.html
@@ -8,7 +8,9 @@
         <form name="configForm" fxFlex="1 1 100%" #configForm="ngForm">
 
           <div>
-            <mat-form-field [appearance]="enabledTriggerForm && !simpleTriggerForm.triggerName ? 'standard': 'none'">
+            <mat-form-field
+                [appearance]="enabledTriggerForm && !simpleTriggerForm.triggerName ? 'standard': 'none'"
+                class="full-size-input">
               <mat-label>Trigger Name</mat-label>
               <input  id="triggerName"
                       [readonly]="!enabledTriggerForm || simpleTriggerForm.triggerName"
@@ -18,7 +20,10 @@
           </div>
 
           <div>
-            <mat-form-field [appearance]="enabledTriggerForm ? 'standard': 'none'">
+            <mat-form-field
+                [appearance]="enabledTriggerForm ? 'standard': 'none'"
+                class="full-size-input"
+            >
               <mat-label>Job Class</mat-label>
               <mat-select name="jobClass" [(ngModel)]="simpleTriggerForm.jobClass" [disabled]="!enabledTriggerForm">
                 <mat-option *ngFor="let job of jobs" [value]="job">
@@ -29,7 +34,10 @@
           </div>
 
           <div>
-            <mat-form-field [appearance]="enabledTriggerForm ? 'standard': 'none'">
+            <mat-form-field
+                [appearance]="enabledTriggerForm ? 'standard': 'none'"
+                class="full-size-input"
+            >
               <mat-label>Start Date (optional)</mat-label>
               <input id="startDate"
                      [readonly]="!enabledTriggerForm"
@@ -46,7 +54,10 @@
           </div>
 
           <div>
-            <mat-form-field [appearance]="enabledTriggerForm ? 'standard': 'none'">
+            <mat-form-field
+                [appearance]="enabledTriggerForm ? 'standard': 'none'"
+                class="full-size-input"
+            >
               <mat-label>End Date (optional)</mat-label>
               <input id="endDate"
                      [readonly]="!enabledTriggerForm"
@@ -64,7 +75,10 @@
           </div>
 
           <div>
-            <mat-form-field [appearance]="enabledTriggerForm ? 'standard': 'none'">
+            <mat-form-field
+                  [appearance]="enabledTriggerForm ? 'standard': 'none'"
+                  class="full-size-input"
+            >
               <mat-label>Repeat Interval [in mills]</mat-label>
               <input id="repeatInterval"
                      [readonly]="!enabledTriggerForm"
@@ -74,7 +88,10 @@
             </mat-form-field>
           </div>
           <div>
-            <mat-form-field [appearance]="enabledTriggerForm ? 'standard': 'none'">
+            <mat-form-field
+                  [appearance]="enabledTriggerForm ? 'standard': 'none'"
+                  class="full-size-input"
+            >
               <mat-label>Repeat Count</mat-label>
               <input id="repeatCount"
                      [readonly]="!enabledTriggerForm"
diff --git a/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.scss b/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.scss
index e4cf5d5..dfaa37e 100644
--- a/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.scss
+++ b/quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.scss
@@ -1,3 +1,7 @@
 .small{
     font-size: 0.8em;
 }
+
+.full-size-input{
+  width: 100%;
+}
diff --git a/quartz-manager-frontend/src/app/views/manager/manager.component.html b/quartz-manager-frontend/src/app/views/manager/manager.component.html
index eeea662..ea70e3b 100644
--- a/quartz-manager-frontend/src/app/views/manager/manager.component.html
+++ b/quartz-manager-frontend/src/app/views/manager/manager.component.html
@@ -16,7 +16,7 @@
       </div>
     </div>
 
-    <div fxFlex="1 1 500px" >
+    <div fxFlex="1 1 400px" >
       <div fxLayout="column">
         <qrzmng-simple-trigger-config
           [triggerKey]="selectedTriggerKey"