From b1a2871fcca57ce934b8613b315a08eede188669 Mon Sep 17 00:00:00 2001
From: Fawn <fangrui_tong@brown.edu>
Date: Thu, 20 Jun 2019 19:03:16 -0400
Subject: link menu styling

---
 src/client/views/nodes/LinkMenuItem.scss | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

(limited to 'src/client/views/nodes/LinkMenuItem.scss')

diff --git a/src/client/views/nodes/LinkMenuItem.scss b/src/client/views/nodes/LinkMenuItem.scss
index 16a1df331..25d167231 100644
--- a/src/client/views/nodes/LinkMenuItem.scss
+++ b/src/client/views/nodes/LinkMenuItem.scss
@@ -1,13 +1,19 @@
 @import "../globalCssVariables";
 .linkMenu-item {
-    border-top: 0.5px solid $main-accent; 
-    padding: 6px;
+    // border-top: 0.5px solid $main-accent; 
     position: relative;
     display: flex;
     font-size: 12px;
+    
 
     .link-name {
         position: relative;
+
+        p {
+            padding: 4px 6px;
+            line-height: 12px;
+            border-radius: 5px;
+        }
     }
 
     .linkMenu-item-content {
@@ -15,27 +21,25 @@
     }
     
     .link-metadata {
-        margin-top: 6px;
-        padding: 3px;
-        border-top: 0.5px solid $light-color-secondary;
-        .link-metadata-row {
-            margin-left: 6px;
-        }
+        padding: 0 10px 0 16px;
+        margin-bottom: 4px;
+        color: $main-accent;
+        font-style: italic;
+        font-size: 10.5px;
     }
 
-    &:last-child {
-        border-bottom: 0.5px solid $main-accent;
-    }
     &:hover {
         .linkMenu-item-buttons {
             display: flex;
         }
         .linkMenu-item-content {
             &.expand-two p {
-                width: calc(100% - 46px);
+                width: calc(100% - 52px);
+                background-color: lightgray;
             }
             &.expand-three p {
-                width: calc(100% - 78px);
+                width: calc(100% - 84px);
+                background-color: lightgray;
             }
         }
     }
-- 
cgit v1.2.3-70-g09d2