add item icon button for viewing item

client/src/styles/app.css

@@ -166,7 +166,8 @@ li.box {
 }
 li.item {
     font-size: 0.75rem;
-    display: flex;
+    display: grid;
+    grid-template-columns: 0 1fr auto auto ;
     position: relative;
     align-items: center;
     justify-content: flex-start;
@@ -203,7 +204,7 @@ li.item:hover {
     cursor: pointer;
     background-color: var(--white_darker);
 }
-.menu-more {
+.menu-btn {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -212,16 +213,16 @@ li.item:hover {
     margin-left: auto;
     border-radius: 50%;
 }
-.menu-more:hover {
+.menu-btn:hover {
     background-color: var(--white_darker);
 }
-.menu-more.box {
+.menu-btn.box {
     font-size: 1.25rem;
 }
-.menu-more.item {
+.menu-btn.item {
     font-size: 1rem;
 }
-.menu-more:hover {
+.menu-btn:hover {
     cursor: pointer;
 }
 .menu-more-list {