make item action menu smaller

client/src/styles/app.css

@@ -151,8 +151,8 @@ li.box {
 }
 .list-box-item {
     padding: 0;
-    margin: 1rem 0;
-    max-height: 200px;
+    padding: 1rem 0 3rem 0;
+    max-height: 8rem;
     overflow-y: auto;
 }
 .scroll-container::-webkit-scrollbar {
@@ -245,15 +245,19 @@ li.item:hover {
     right: 0;
 }
 .menu-more-list.item {
-    width: 120px;
+    width: 4.8rem;
     margin: 0 10px 0 0;
     top: 2rem;
     right: 0;
 }
+.menu-more-list.item > .menu-action > .icon {
+    margin: 0.2rem 0.2rem;
+}
 .menu-action {
     z-index: inherit;
     list-style: none;
-    display: flex;
+    display: grid;
+    grid-template-columns: auto 1fr;
     align-items: center;
 }
 .menu-action:hover {