mckinley/Sales-and-Marketing
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restyle Add a Task form into two columns

Browse Source 
Left column: Submitted by stacked above Track. Right column: Task
description field, adjacent and matching the left column's height.
This commit is contained in:
beantownbabe committed 2026-08-25 17:58:54 +02:00
1 parent 6ae79b4e65
commit 5edbfbad38
1 file changed
+26 -24
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+26 -24
View File
@@ -899,32 +899,34 @@
<div id="tab-tasks" class="tab-content">
<div class="card" style="margin-bottom: 20px;">
<h2>Add a Task</h2>
<div style="display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end;">
<label style="min-width:160px;">Submitted by
<select id="ti-submitter">
<option value="">Select…</option>
<option value="Peter">Peter</option>
<option value="Mckinley">Mckinley</option>
</select>
</label>
<label style="flex:1; min-width:200px;">Track
<select id="ti-track">
<option value="">Select a track…</option>
<option value="open-items-linkedin">LinkedIn</option>
<option value="open-items-outreach">Outreach</option>
<option value="open-items-department-dash">Department Dash</option>
<option value="open-items-demographics">Demographics</option>
<option value="open-items-mail-merge">Mail Merge Interface</option>
<option value="open-items-crm-research">CRM Research</option>
<option value="open-items-opportunities">Opportunities / Conference Scout</option>
<option value="open-items-market-intelligence">Market Intelligence / Prospect Scout</option>
<option value="open-items-unassigned">Unassigned / Needs Triage</option>
</select>
<div style="display:grid; grid-template-columns:220px 1fr; gap:16px; align-items:stretch;">
<div style="display:flex; flex-direction:column; gap:12px;">
<label>Submitted by
<select id="ti-submitter" style="width:100%;">
<option value="">Select…</option>
<option value="Peter">Peter</option>
<option value="Mckinley">Mckinley</option>
</select>
</label>
<label>Track
<select id="ti-track" style="width:100%;">
<option value="">Select a track…</option>
<option value="open-items-linkedin">LinkedIn</option>
<option value="open-items-outreach">Outreach</option>
<option value="open-items-department-dash">Department Dash</option>
<option value="open-items-demographics">Demographics</option>
<option value="open-items-mail-merge">Mail Merge Interface</option>
<option value="open-items-crm-research">CRM Research</option>
<option value="open-items-opportunities">Opportunities / Conference Scout</option>
<option value="open-items-market-intelligence">Market Intelligence / Prospect Scout</option>
<option value="open-items-unassigned">Unassigned / Needs Triage</option>
</select>
</label>
</div>
<label style="display:flex; flex-direction:column;">Task
<textarea id="ti-text" maxlength="2000" style="flex:1; width:100%; min-height:96px; font-family:inherit; font-size:0.95rem; padding:8px 10px; border:1px solid #d3dbe4; border-radius:6px; resize:vertical;" placeholder="Describe the task…"></textarea>
</label>
</div>
<label style="display:block; margin-top:12px;">Task
<textarea id="ti-text" maxlength="2000" rows="3" style="width:100%; font-family:inherit; font-size:0.95rem; padding:8px 10px; border:1px solid #d3dbe4; border-radius:6px;" placeholder="Describe the task…"></textarea>
</label>
<div style="margin-top:12px; display:flex; align-items:center; gap:12px;">
<button type="button" id="ti-submit" disabled>Add Task</button>
<span id="ti-status" style="font-size:0.85rem;"></span>