Privacy Settings - Keep the text on the same line, even in smaller screens (#2830)

This commit is contained in:
RD WebDesign
2023-11-14 19:11:04 -03:00
committed by GitHub
2 changed files with 18 additions and 3 deletions

View File

@@ -51,15 +51,16 @@ mg.include('scripts/pi-hole/lua/settings_header.lp','r')
<input type="checkbox" id="database.DBexport" data-key="database.DBexport" title="log-queries">
<label for="database.DBexport"><strong>Should FTL store queries in the database?</strong></label>
</div>
<div>
<br>
<div class="row-flex">
<input type="number" id="database.maxDBdays" data-key="database.maxDBdays" data-type="integer" value="" min="0" step="10" style="width: 5em;">
<label for="database.maxDBdays"><strong>Maximum number of days to keep queries in the database</strong></label>
</div>
<div>
<div class="row-flex">
<input type="number" id="database.network.expire" data-key="database.network.expire" data-type="integer" value="" min="0" step="10" style="width: 5em;">
<label for="database.network.expire"><strong>How long should IP addresses be kept in the network_addresses table [days]?</strong></label>
<p>IP addresses (and associated host names) older than the specified number of days are removed to avoid dead entries in the network overview table.</p>
</div>
<p>IP addresses (and associated host names) older than the specified number of days are removed to avoid dead entries in the network overview table.</p>
</div>
</div>
</div>

View File

@@ -680,6 +680,11 @@ li:not(.menu-open) .treeview-menu .warning-count {
border-color: #3c8dbc;
}
/* Fix indentation of <p> elements inside icheck elements */
[class*="icheck-"] > label + p {
padding-left: 29px;
}
/* Fix some datatables layout on small screens */
@media screen and (max-width: 660px), screen and (min-width: 767px) and (max-width: 960px) {
#domainsTable_wrapper .table-responsive {
@@ -1404,3 +1409,12 @@ table.dataTable tbody > tr > .selected {
display: none;
margin-top: -1px;
}
/* General layout - Row containing flex elements */
.row-flex {
display: flex;
flex-direction: row;
gap: 0.5em;
margin: 0.5em 0;
align-items: start;
}