Move filter and only show it if notes are present;

src/views/Notes.vue

@@ -2,15 +2,21 @@
     <div class="row">
         <div class="col-sm-12">
             <div class="float-end">
-                <a href="javascript:"
-                   v-if="colorToFilter !== ''"
-                   v-on:click="colorToFilter = ''"
-                   class="color-change-button disable-filter-button"
-                   :style="'background-color: '+colorToFilter">
-                    Filter aus
-                </a>
-                <span v-for="color in noteColors"
-                      v-bind:key="color">
+                <a href="javascript:" v-on:click="createNote()" class="btn btn-sm btn-success">Neue Notiz</a>
+            </div>
+            <h5><i class="fa fa-pen"></i> Notizen</h5>
+        </div>
+
+        <div class="col-sm-12" v-if="$store.state.notes.length > 0">
+            <a href="javascript:"
+               v-if="colorToFilter !== ''"
+               v-on:click="colorToFilter = ''"
+               class="color-change-button disable-filter-button"
+               :style="'background-color: '+colorToFilter">
+                Filter aus
+            </a>
+            <span v-for="color in noteColors"
+                  v-bind:key="color">
                     <a href="javascript:"
                        v-if="colorToFilter !== color"
                        v-on:click="colorToFilter = color"
@@ -18,11 +24,7 @@
                        :style="'background-color: ' + color">
                         <i class="fas fa-filter filter-icon"></i>
                     </a>
-                </span>
-                &nbsp;
-                <a href="javascript:" v-on:click="createNote()" class="btn btn-sm btn-success">Neue Notiz</a>
-            </div>
-            <h5><i class="fa fa-pen"></i> Notizen</h5>
+            </span>
         </div>
 
         <div id="note-container" class="row">