Misc style tweaks

This commit is contained in:
jChenvan 2025-07-10 10:29:05 -04:00
parent 4438f6f37c
commit 8199cea469
3 changed files with 10 additions and 6 deletions

View File

@ -64,6 +64,10 @@ body {
box-shadow: 0 0 0 0.2rem rgba(74, 122, 171, 0.25);
}
#pending-count-btn {
margin-left: 5px;
}
/* Improved form labels for accessibility */
label {
font-weight: 500;

View File

@ -54,13 +54,13 @@
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('pending_approval') }}" aria-current="{% if request.endpoint == 'pending_approval' %}page{% endif %}">
<i class="bi bi-clock-history" aria-hidden="true"></i> Pending Approval
<i class="bi bi-clock-history" aria-hidden="true"></i> Pending
<span class="badge bg-warning rounded-pill" id="pending-count"></span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('api_docs') }}" aria-current="{% if request.endpoint == 'api_docs' %}page{% endif %}">
<i class="bi bi-file-earmark-text" aria-hidden="true"></i> API Documentation
<i class="bi bi-file-earmark-text" aria-hidden="true"></i> API Docs
</a>
</li>
</ul>

View File

@ -7,18 +7,18 @@
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h2>Transactions</h2>
<div class="d-flex gap-2">
<div class="d-flex gap-2 align-items-center">
<div class="input-group">
<input type="text" id="searchInput" class="form-control" placeholder="Search transactions..." aria-label="Search transactions">
<button class="btn btn-outline-secondary" type="button" id="searchButton" title="Search (F)">
<i class="bi bi-search"></i>
</button>
</div>
<a href="{{ url_for('pending_approval') }}" class="btn btn-warning" title="Pending Approval (P)">
<i class="bi bi-clock-history"></i> <span class="d-none d-md-inline">Pending</span> <span class="badge bg-light text-dark" id="pending-count-btn"></span>
<a href="{{ url_for('pending_approval') }}" class="btn btn-warning d-flex" title="Pending Approval (P)">
<i class="bi bi-clock-history"></i> <span class="badge bg-light text-dark" id="pending-count-btn"></span>
</a>
<a href="{{ url_for('create_transaction') }}" class="btn btn-success" title="New Transaction (N)">
<i class="bi bi-plus-lg"></i> <span class="d-none d-md-inline">New Transaction</span> <span class="d-md-none">New</span> <span class="d-none d-md-inline">(N)</span>
<i class="bi bi-plus-lg"></i> <span class="d-md-none">New</span>
</a>
</div>
</div>