From 297f3e042012441a1bb77f9e078fff58b9757b29 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sat, 1 Aug 2020 17:04:05 +0200
Subject: [PATCH] Improve timerange styling

---
 src/components/ftbot/TimeRangeSelect.vue | 11 +++++++++--
 src/views/Graphs.vue                     |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/ftbot/TimeRangeSelect.vue b/src/components/ftbot/TimeRangeSelect.vue
index b1e51fa9..41f7ee0d 100644
--- a/src/components/ftbot/TimeRangeSelect.vue
+++ b/src/components/ftbot/TimeRangeSelect.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-card class="row mb-2 mr-4">
+  <b-card class="row">
     <b-list-group class="col-mb-4" horizontal="md">
       <b-form-group label="Start date" label-for="dp_dateFrom">
         <b-input-group>
@@ -69,4 +69,11 @@ export default class TimeRangeSelect extends Vue {
 }
 </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>
diff --git a/src/views/Graphs.vue b/src/views/Graphs.vue
index 07b5b2b5..430d5609 100644
--- a/src/views/Graphs.vue
+++ b/src/views/Graphs.vue
@@ -12,7 +12,7 @@
       </div>
     </div>
     <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>
     </div>