From e9344fc122a8eda551c1198edf36a935663892db Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Fri, 5 Nov 2021 17:54:43 +0000
Subject: [PATCH] :bug: Fixes overlapping edit menu (#311)

---
 src/views/Home.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index bba5b52b..85a8b9da 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -23,6 +23,7 @@
       :class="`item-group-container `
         + `orientation-${layout} `
         + `item-size-${itemSizeBound} `
+        + (isEditMode ? 'edit-mode ' : '')
         + (singleSectionView ? 'single-section-view ' : '')
         + (this.colCount ? `col-count-${this.colCount} ` : '')"
       >
@@ -350,6 +351,11 @@ export default {
   /* Hide when search term returns nothing */
   .no-results { display: none; }
 
+  /* Additional spacing when in edit mode */
+  &.edit-mode {
+    margin-bottom: 12rem;
+  }
+
   /* When in single-section view mode */
   &.single-section-view {
     display: block;