Mercurial > gemma
changeset 3598:2be2880ad654
client: configuration: data accuracy: improved layout/style
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Tue, 04 Jun 2019 17:05:39 +0200 |
parents | d1bbfb9635ca |
children | 73add36de413 |
files | client/src/components/systemconfiguration/DataAccuracy.vue |
diffstat | 1 files changed, 11 insertions(+), 11 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/systemconfiguration/DataAccuracy.vue Tue Jun 04 16:54:45 2019 +0200 +++ b/client/src/components/systemconfiguration/DataAccuracy.vue Tue Jun 04 17:05:39 2019 +0200 @@ -5,11 +5,11 @@ </h5> <div class="px-3 container-fluid"> <div class="row"> - <div class="col-sm-6"> + <div class="col-sm-6 d-flex flex-column"> <h6 class="font-weight-bold"> <translate>Currency of Bottleneck Surveys</translate> </h6> - <div class="d-flex text-center small"> + <div class="d-flex flex-grow-1 text-center small"> <div class="card rounded-left"> <div class="card-header text-white bg-success">OK</div> <div @@ -52,11 +52,11 @@ </div> </div> </div> - <div class="col-sm-6"> + <div class="col-sm-6 d-flex flex-column"> <h6 class="font-weight-bold"> <translate>Availability of Gauge Measurements</translate> </h6> - <div class="d-flex text-center small"> + <div class="d-flex flex-grow-1 text-center small"> <div class="card rounded-left"> <div class="card-header text-white bg-success">OK</div> <div @@ -112,11 +112,11 @@ </div> </div> </div> - <div class="col-sm-6"> - <h6 class="font-weight-bold"> + <div class="col-sm-6 d-flex flex-column"> + <h6 class="font-weight-bold mt-3"> <translate>Gauge Forecast Confidence</translate> </h6> - <div class="d-flex text-center small"> + <div class="d-flex flex-grow-1 text-center small"> <div class="card rounded-left"> <div class="card-header text-white bg-success">OK</div> <div @@ -176,11 +176,11 @@ </div> </div> </div> - <div class="col-sm-6"> - <h6 class="font-weight-bold"> + <div class="col-sm-6 d-flex flex-column"> + <h6 class="font-weight-bold mt-3"> <translate>Gauge Forecast vs. Reality</translate> </h6> - <div class="d-flex text-center small"> + <div class="d-flex flex-grow-1 text-center small"> <div class="card rounded-left"> <div class="card-header text-white bg-success">OK</div> <div @@ -246,7 +246,7 @@ </div> </div> - <div class="mt-4"> + <div class="px-3 mt-4"> <a @click.prevent="submit" class="btn btn-info btn-sm text-white"> <translate>Send</translate> </a>