Improve timerange styling

This commit is contained in:
Matthias 2020-08-01 17:04:05 +02:00
parent d70dfd69f8
commit 297f3e0420
2 changed files with 10 additions and 3 deletions

View File

@ -1,5 +1,5 @@
<template> <template>
<b-card class="row mb-2 mr-4"> <b-card class="row">
<b-list-group class="col-mb-4" horizontal="md"> <b-list-group class="col-mb-4" horizontal="md">
<b-form-group label="Start date" label-for="dp_dateFrom"> <b-form-group label="Start date" label-for="dp_dateFrom">
<b-input-group> <b-input-group>
@ -69,4 +69,11 @@ export default class TimeRangeSelect extends Vue {
} }
</script> </script>
<style scoped></style> <style scoped>
.card-body {
padding-bottom: 0.5rem;
padding-top: 0.8rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
</style>

View File

@ -12,7 +12,7 @@
</div> </div>
</div> </div>
<div class="mt-2 row" v-if="historicView"> <div class="mt-2 row" v-if="historicView">
<TimeRangeSelect class="col-md-4" v-model="timerange"></TimeRangeSelect> <TimeRangeSelect class="col-md-4 mr-2" v-model="timerange"></TimeRangeSelect>
<StrategyList class="col-md-2" v-model="strategy"></StrategyList> <StrategyList class="col-md-2" v-model="strategy"></StrategyList>
</div> </div>