diff --git a/availabili.tf/src/App.vue b/availabili.tf/src/App.vue index 02452b2..2d55bfb 100644 --- a/availabili.tf/src/App.vue +++ b/availabili.tf/src/App.vue @@ -11,7 +11,6 @@ const baseUrl = window.location.origin;

availabili.tf

Home Schedule - Roster Builder
diff --git a/availabili.tf/src/assets/main.css b/availabili.tf/src/assets/main.css index 701beae..42c995e 100644 --- a/availabili.tf/src/assets/main.css +++ b/availabili.tf/src/assets/main.css @@ -142,6 +142,9 @@ main { } input { + display: block; + width: 100%; + color: var(--text); padding: 6px 9px; border: none; /*outline: 1px solid var(--overlay-0);*/ @@ -164,3 +167,25 @@ input { 'Helvetica Neue', sans-serif; } + +.form-group { + display: flex; + flex-direction: column; + gap: 4px; + flex-grow: 1; +} + +.form-group.margin { + margin-top: 16px; + margin-bottom: 16px; +} + +.form-group.row { + flex-direction: row; + margin: none; +} + +.form-group .action-buttons { + display: flex; + justify-content: end; +} diff --git a/availabili.tf/src/components/AvailabilityGrid.vue b/availabili.tf/src/components/AvailabilityGrid.vue index d88a393..610e1c5 100644 --- a/availabili.tf/src/components/AvailabilityGrid.vue +++ b/availabili.tf/src/components/AvailabilityGrid.vue @@ -1,6 +1,9 @@