July 4 - Update responsive

This commit is contained in:
2026-07-04 14:01:23 -04:00
parent d87c889ca2
commit 1d67e9b458
7 changed files with 98 additions and 7 deletions
+1
View File
@@ -13,6 +13,7 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap">
<link rel="stylesheet" href="{{ url_for('static', filename='css/theme.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/ipad_responsive.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/mobile_phone.css') }}">
{% if tenant_branding %}
<style>
:root {
+1 -1
View File
@@ -126,7 +126,7 @@
<span><i class="bi bi-diagram-3 me-1"></i> Contract Assignments</span>
</div>
{% if assignments %}
<div class="card-body p-0">
<div class="card-body p-0 table-responsive">
<table class="table table-hover table-sm mb-0">
<thead class="table-light">
<tr>
+2 -2
View File
@@ -277,7 +277,7 @@
<a href="{{ url_for('inspections.index', date_from=today_str, date_to=today_str) }}"
class="btn btn-sm btn-outline-secondary">View all</a>
</div>
<div class="card-body p-0">
<div class="card-body p-0 table-responsive">
<table class="table table-sm table-hover mb-0" style="font-size:.85rem;">
<thead class="table-light">
<tr>
@@ -319,7 +319,7 @@
<span class="fw-semibold"><i class="bi bi-person-check me-1 text-primary"></i>My Open Issues</span>
<a href="{{ url_for('issues.index') }}" class="btn btn-sm btn-outline-secondary">View all</a>
</div>
<div class="card-body p-0">
<div class="card-body p-0 table-responsive">
<table class="table table-hover mb-0" style="font-size:.85rem;">
<thead class="table-light">
<tr>
+1 -1
View File
@@ -63,7 +63,7 @@
</span>
</div>
<div class="card-body p-0">
<div class="card-body p-0 table-responsive">
<table class="table table-hover mb-0">
<thead class="table-light" style="font-size:.82rem;">
<tr>
+8
View File
@@ -27,6 +27,14 @@
.plan-feat .no { color:#cbd5e1; }
footer { background:#0f172a;color:#94a3b8;padding:2.5rem 0; }
footer a { color:#cbd5e1;text-decoration:none; }
/* Phone polish — scale the oversized hero/section spacing on small screens */
@media (max-width:576px){
.hero { padding:3rem 0 2.5rem; }
.hero h1 { font-size:1.9rem; }
.hero .lead { font-size:1.05rem; }
.section { padding:3rem 0; }
.price-amt { font-size:1.75rem; }
}
</style>
</head>
<body>
+3 -3
View File
@@ -138,7 +138,7 @@
<div class="card-header bg-light fw-semibold">
<i class="bi bi-building me-1"></i> Score by Area
</div>
<div class="card-body p-0">
<div class="card-body p-0 table-responsive">
<table class="table table-sm mb-0">
<thead class="table-light">
<tr><th>Area</th><th class="text-center">Avg Score</th><th class="text-center">Inspections</th></tr>
@@ -169,7 +169,7 @@
<div class="card-header bg-warning text-dark fw-semibold">
<i class="bi bi-arrow-repeat me-1"></i> Follow-up Required
</div>
<div class="card-body p-0">
<div class="card-body p-0 table-responsive">
<table class="table table-sm mb-0">
<thead class="table-light">
<tr><th>Inspection</th><th>Date</th><th>Score</th><th></th></tr>
@@ -206,7 +206,7 @@
<div class="card-header bg-light fw-semibold">
<i class="bi bi-bug me-1"></i> Open Issues
</div>
<div class="card-body p-0">
<div class="card-body p-0 table-responsive">
<table class="table table-sm table-hover mb-0">
<thead class="table-light">
<tr><th>ID</th><th>Severity</th><th>Area</th><th>Description</th><th>Status</th><th>Reported</th><th></th></tr>