fix layout issues, mainly margins and centering

This commit is contained in:
glaszig 2021-06-01 02:34:59 +01:00
parent 807a591504
commit d9212737e5
4 changed files with 13 additions and 18 deletions

View file

@ -36,7 +36,6 @@ body {
.row { margin-left: 0rem; margin-right: 0rem; }
.col-lg-12 { padding-right: 0.25rem; padding-left: 0.25rem; }
.form-group.col-md-6 { margin-left: -0.5rem; }
.js-wifi-stations { margin-left: -0.5rem; margin-right: -0.5rem; }
h4.mt-3 { margin-left: 0.5rem; }
}
@ -194,9 +193,6 @@ pre.unstyled {
width: 100%;
}
.js-reload-wifi-stations {
min-width: 10rem;
}
.card-deck--wifi-stations {
justify-content: space-between;
}

View file

@ -115,7 +115,6 @@ ul.nav-tabs, .nav-tabs .nav-link {
.row { margin-left: 0rem; margin-right: 0rem; }
.col-lg-12 { padding-right: 0.25rem; padding-left: 0.25rem; }
.form-group.col-md-6 { margin-left: -0.5rem; }
.js-wifi-stations { margin-left: -0.5rem; margin-right: -0.5rem; }
h4.mt-3 { margin-left: 0.5rem; }
}
@ -226,9 +225,6 @@ pre.unstyled {
width: 100%;
}
.js-reload-wifi-stations {
min-width: 10rem;
}
.card-deck--wifi-stations {
justify-content: space-between;
}

View file

@ -57,7 +57,6 @@ h5.card-title {
.row { margin-left: 0rem; margin-right: 0rem; }
.col-lg-12 { padding-right: 0.25rem; padding-left: 0.25rem; }
.form-group.col-md-6 { margin-left: -0.5rem; }
.js-wifi-stations { margin-left: -0.5rem; margin-right: -0.5rem; }
h4.mt-3 { margin-left: 0.5rem; }
}

View file

@ -16,19 +16,23 @@
</div><!-- /.card-header -->
<div class="card-body">
<?php $status->showMessages(); ?>
<div class="row">
<div class="row align-items-center">
<div class="col">
<h4 class="mb-2"><?php echo _("Client settings"); ?></h4>
<h4 class="m-0"><?php echo _("Client settings"); ?></h4>
</div>
<div class="col-xs mr-3 mb-3">
<button type="button" class="btn btn-info btn-block float-right js-reload-wifi-stations"><?php echo _("Rescan"); ?></button>
<div class="col">
<button type="button" class="btn btn-info float-right js-reload-wifi-stations"><?php echo _("Rescan"); ?></button>
</div>
</div>
<div class="row">
<div class="col">
<form method="POST" action="wpa_conf" name="wpa_conf_form">
<?php echo CSRFTokenFieldTag() ?>
<input type="hidden" name="client_settings" ?>
<div class="js-wifi-stations loading-spinner"></div>
</form>
</div>
</div>
<form method="POST" action="wpa_conf" name="wpa_conf_form">
<?php echo CSRFTokenFieldTag() ?>
<input type="hidden" name="client_settings" ?>
<div class="js-wifi-stations w-100 loading-spinner"></div>
</form>
</div><!-- ./ card-body -->
<div class="card-footer"><?php echo _("<strong>Note:</strong> WEP access points appear as 'Open'. RaspAP does not currently support connecting to WEP"); ?></div>
</div><!-- /.card -->