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

20
assets/css/dashboard.css
View File

@@ -2659,6 +2659,26 @@ body.dark-mode select option {
accent-color: var(--terminal-green);
}
/* Compact setting rows - stacked layout for grids/narrow containers */
.setting-row-compact {
flex-direction: column !important;
align-items: stretch !important;
gap: 0.25rem !important;
}
.setting-row-compact label {
min-width: auto !important;
padding-top: 0 !important;
margin-bottom: 0.25rem;
}
.setting-row-compact input,
.setting-row-compact select,
.setting-row-compact textarea {
width: 100% !important;
min-width: auto !important;
}
.setting-select {
flex: 1;
max-width: 200px;

2
views/CreateTicketView.php
View File

@@ -8,7 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Create New Ticket</title>
<link rel="icon" type="image/png" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/images/favicon.png">
<link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/dashboard.css?v=20260126a">
<link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/dashboard.css?v=20260126b">
<link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/ticket.css?v=20260124e">
<script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/dashboard.js?v=20260124e"></script>
<script>

2
views/DashboardView.php
View File

@@ -9,7 +9,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ticket Dashboard</title>
<link rel="icon" type="image/png" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/images/favicon.png">
<link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/dashboard.css?v=20260126a">
<link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/dashboard.css?v=20260126b">
<script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/ascii-banner.js"></script>
<script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/toast.js"></script>
<script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/markdown.js?v=20260124e"></script>

2
views/TicketView.php
View File

@@ -46,7 +46,7 @@ function formatDetails($details, $actionType) {
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ticket #<?php echo $ticket['ticket_id']; ?></title>
<link rel="icon" type="image/png" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/images/favicon.png">
<link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/dashboard.css?v=20260126a">
<link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/dashboard.css?v=20260126b">
<link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/ticket.css?v=20260124e">
<script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/toast.js"></script>
<script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/markdown.js?v=20260124e"></script>

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>

14
views/admin/TemplatesView.php
View File

@@ -113,10 +113,10 @@
<label for="description_template">Description Template</label>
<textarea id="description_template" name="description_template" rows="10" style="width: 100%; min-height: 200px;" placeholder="Pre-filled description content"></textarea>
</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(3, 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="">Any</option>
<option value="General">General</option>
<option value="Hardware">Hardware</option>
@@ -125,9 +125,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="">Any</option>
<option value="Maintenance">Maintenance</option>
<option value="Install">Install</option>
@@ -137,9 +137,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</option>
<option value="2">P2</option>
<option value="3">P3</option>