From eb50e93cd9cf5ec929f0ca37e3d5e5fd0710f39b Mon Sep 17 00:00:00 2001
From: Rukmini Bose <rukmini.bose15@gmail.com>
Date: Mon, 3 Oct 2022 10:51:36 -0700
Subject: [PATCH] Change tag margin for better spacing between rows. Class
 rename. Minor styling changes to embed container. Change supermenu icon size

---
 src/plugins/notebook/components/NotebookEntry.vue | 2 +-
 src/styles/notebook.scss                          | 7 +++++--
 src/ui/components/tags/tags.scss                  | 1 +
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/plugins/notebook/components/NotebookEntry.vue b/src/plugins/notebook/components/NotebookEntry.vue
index d20d34f2c3..445a50a2fd 100644
--- a/src/plugins/notebook/components/NotebookEntry.vue
+++ b/src/plugins/notebook/components/NotebookEntry.vue
@@ -94,7 +94,7 @@
             <div
                 ref="embedsWrapper"
                 class="c-snapshots c-ne__embeds-wrapper"
-                :class="{scrollClass: enableEmbedsWrapperScroll }"
+                :class="{scrollContainer: enableEmbedsWrapperScroll }"
             >
                 <NotebookEmbed
                     v-for="embed in entry.embeds"
diff --git a/src/styles/notebook.scss b/src/styles/notebook.scss
index 0d8d607778..a9f24b5aaa 100644
--- a/src/styles/notebook.scss
+++ b/src/styles/notebook.scss
@@ -27,9 +27,11 @@
     font-weight: bold;
 }
 
-.scrollClass{
+.scrollContainer{
+    // Class for overflow embeds (possibly for text entry overflow in future)
     background: $colorBodyBg;
     box-shadow: inset 0 5px 5px rgb(0 0 0 / 20%);
+    overflow-y: scroll;
 
 }
 .c-notebook {
@@ -462,11 +464,12 @@
     &__actions-menu {
         width: 55vh;
         max-width: 500px; 
-        min-height: 100px;
+        height: 120px;
         z-index: 70;
         [class*="__icon"] {
             filter: $colorKeyFilter;
             margin: 0%;
+            height: 4vh;
         }
         [class*="__item-description"] {
             min-width: 200px;         
diff --git a/src/ui/components/tags/tags.scss b/src/ui/components/tags/tags.scss
index ebd3e7a184..97b8bdda82 100644
--- a/src/ui/components/tags/tags.scss
+++ b/src/ui/components/tags/tags.scss
@@ -34,6 +34,7 @@
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
+  margin-bottom: 5px;
 
   > * + * {
     margin-left: $interiorMargin;