promenjen stajl za other polja, sad ima razmaka, grid za male ekrane
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user