promenjen stajl za other polja, sad ima razmaka, grid za male ekrane

This commit is contained in:
2025-05-12 20:46:17 +02:00
parent fcf49f2da6
commit 7783fb3d69
2 changed files with 43 additions and 9 deletions

View File

@@ -163,6 +163,22 @@ body {
height: 100%;
}
.form-check.other-gap .other-row {
display: flex !important;
align-items: center !important;
flex-direction: row !important;
gap: 0 !important;
}
.other-gap {
display: flex !important;
gap: 2rem !important;
}
.other-gap > .form-control {
max-width: 350px;
}
@media (max-width: 768px) {
.inner-container {
padding: 60px;
@@ -212,4 +228,18 @@ body {
.insight-grid {
grid-template-columns: 1fr;
}
.form-check.other-gap .other-row {
flex-direction: column;
align-items: flex-start;
gap: 0;
}
.form-check.other-gap .form-control {
width: 100%;
max-width: 100%;
}
.other-gap {
display: grid !important;
gap: 0 !important;
}
}

View File

@@ -199,15 +199,17 @@
<input class="form-check-input" type="checkbox" name="compliance_frameworks" id="compliance-financial" value="financial">
<label class="form-check-label" for="compliance-financial">Specific Financial Regulations (DORA)</label>
</div>
<div class="form-check d-flex align-items-center">
<input class="form-check-input" type="checkbox" name="compliance_frameworks" id="compliance-other" value="other">
<label class="form-check-label me-2" for="compliance-other">Other Industry-Specific Regulations:</label>
<input type="text" class="form-control ms-2" name="compliance_frameworks_other" id="compliance-frameworks-other-text" placeholder="Please specify" style="max-width: 250px;">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" name="compliance_frameworks" id="compliance-none" value="none">
<label class="form-check-label" for="compliance-none">None / Primarily Best Practices Driven</label>
</div>
<div class="form-check other-gap">
<div class="other-row">
<input class="form-check-input" type="checkbox" name="compliance_frameworks" id="compliance-other" value="other">
<label class="form-check-label ms-2" for="compliance-other">Other Industry-Specific Regulations:</label>
</div>
<input type="text" class="form-control mt-2" name="compliance_frameworks_other" id="compliance-frameworks-other-text" placeholder="Please specify">
</div>
</div>
<small class="form-text text-muted py-3">Identifies mandatory security controls and compliance
requirements that must be implemented.</small>
@@ -272,10 +274,12 @@
<input class="form-check-input" type="radio" name="industry_sector" id="industry-hospitality" value="hospitality">
<label class="form-check-label" for="industry-hospitality">Hospitality / Travel</label>
</div>
<div class="form-check d-flex align-items-center">
<input class="form-check-input" type="radio" name="industry_sector" id="industry-other" value="other">
<label class="form-check-label me-2" for="industry-other">Other:</label>
<input type="text" class="form-control ms-2" name="industry_sector_other" id="industry-sector-other-text" placeholder="Please specify" style="max-width: 250px;">
<div class="form-check other-gap">
<div class="other-row">
<input class="form-check-input" type="radio" name="industry_sector" id="industry-other" value="other">
<label class="form-check-label ms-2" for="industry-other">Other:</label>
</div>
<input type="text" class="form-control mt-2" name="industry_sector_other" id="industry-sector-other-text" placeholder="Please specify">
</div>
</div>
<small class="form-text text-muted py-3">