viewer: sidebar: self-contain style

We'll polish that later when groups are done.
For now let's have this styling self-contained.

2 files changed, 6 insertions, 7 deletions

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 811a899..ed69841 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -27,12 +27,6 @@
   color: red;
 }
 
-// === Titles
-
-.title {
-  margin: 0.2em 0.5em !important;
-}
-
 // === Tools
 
 .nowrap {
diff --git a/viewer/src/views/PanelLeft.vue b/viewer/src/views/PanelLeft.vue
index 91d193c..a61fe4a 100644
--- a/viewer/src/views/PanelLeft.vue
+++ b/viewer/src/views/PanelLeft.vue
@@ -18,7 +18,7 @@
 -->
 
 <template>
-  <div class="flex-column">
+  <div class="flex-column sidebar">
     <ld-tag-input />
     <h1 class="title">{{$t('panelLeft.propositions')}}</h1>
     <ld-proposition class="scrollbar no-scroll-x" />
@@ -33,4 +33,9 @@ export default class PanelLeft extends Vue {}
 </script>
 
 <style lang="scss">
+.sidebar {
+  .title {
+    margin: 0.2em 0.5em !important;
+  }
+}
 </style>