LotusGuild/tinker_tickets
3
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix admin form layout - add compact setting-row class for grid layouts

Browse Source 
- Added .setting-row-compact class for stacked label/input layout
- Updated TemplatesView.php grid to use compact rows (3 columns)
- Updated RecurringTicketsView.php grid to use compact rows (2 columns)
- Removed inline style="width: 100%" (handled by CSS now)
- Labels now stack above inputs in grid context for clarity
- Updated cache version to 20260126b

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Jared Vititoe
2026-01-26 11:30:46 -05:00
parent b1013392e6
commit 2be85b6f58
6 changed files with 39 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
views/admin/RecurringTicketsView.php
View File

@@ -140,10 +140,10 @@
<label for="schedule_time">Schedule Time *</label>
<input type="time" id="schedule_time" name="schedule_time" value="09:00" required>
</div>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem;">
<div class="setting-row">
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;">
<div class="setting-row setting-row-compact">
<label for="category">Category</label>
<select id="category" name="category" style="width: 100%;">
<select id="category" name="category">
<option value="General">General</option>
<option value="Hardware">Hardware</option>
<option value="Software">Software</option>
@@ -151,9 +151,9 @@
<option value="Security">Security</option>
</select>
</div>
<div class="setting-row">
<div class="setting-row setting-row-compact">
<label for="type">Type</label>
<select id="type" name="type" style="width: 100%;">
<select id="type" name="type">
<option value="Issue">Issue</option>
<option value="Maintenance">Maintenance</option>
<option value="Install">Install</option>
@@ -162,9 +162,9 @@
<option value="Problem">Problem</option>
</select>
</div>
<div class="setting-row">
<div class="setting-row setting-row-compact">
<label for="priority">Priority</label>
<select id="priority" name="priority" style="width: 100%;">
<select id="priority" name="priority">
<option value="1">P1 - Critical</option>
<option value="2">P2 - High</option>
<option value="3">P3 - Medium</option>
@@ -172,9 +172,9 @@
<option value="5">P5 - Lowest</option>
</select>
</div>
<div class="setting-row">
<div class="setting-row setting-row-compact">
<label for="assigned_to">Assign To</label>
<select id="assigned_to" name="assigned_to" style="width: 100%;">
<select id="assigned_to" name="assigned_to">
<option value="">Unassigned</option>
<!-- Populated by JavaScript -->
</select>