From 385616f3dfeda10257d4bed75659f4574bd92e68 Mon Sep 17 00:00:00 2001
From: elhombretecla <delacruzgarciajuan@gmail.com>
Date: Fri, 13 Nov 2020 12:47:14 +0100
Subject: [PATCH] :tada: Add new visual changes

---
 frontend/resources/styles/common/framework.scss       | 10 ++++++++++
 frontend/resources/styles/main/partials/modal.scss    |  2 ++
 .../styles/main/partials/sidebar-assets.scss          | 11 ++++++++---
 .../src/app/main/ui/workspace/sidebar/assets.cljs     |  2 +-
 4 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/frontend/resources/styles/common/framework.scss b/frontend/resources/styles/common/framework.scss
index 815343e43..ec14acfb0 100644
--- a/frontend/resources/styles/common/framework.scss
+++ b/frontend/resources/styles/common/framework.scss
@@ -1001,6 +1001,16 @@ input[type=range]:focus::-ms-fill-upper {
     }
   }
 
+ &.tooltip-left {
+    &:hover {
+      &::after {
+        left: unset;
+        right: 130%;
+        top: 15%;
+      }
+    }
+  }
+
   &.tooltip-hover {
     &:hover {
       &::after {
diff --git a/frontend/resources/styles/main/partials/modal.scss b/frontend/resources/styles/main/partials/modal.scss
index f4b4429b2..12a9ab1d0 100644
--- a/frontend/resources/styles/main/partials/modal.scss
+++ b/frontend/resources/styles/main/partials/modal.scss
@@ -260,8 +260,10 @@
     }
 
     .section-title {
+      color: $color-black;
       font-size: $fs15;
       padding: 0 $size-4;
+      font-weight: 500;
     }
 
     .section-list {
diff --git a/frontend/resources/styles/main/partials/sidebar-assets.scss b/frontend/resources/styles/main/partials/sidebar-assets.scss
index 29938b238..7872c0afc 100644
--- a/frontend/resources/styles/main/partials/sidebar-assets.scss
+++ b/frontend/resources/styles/main/partials/sidebar-assets.scss
@@ -117,6 +117,7 @@
 
   .asset-group {
     background-color: $color-gray-60;
+    border-top: 1px solid $color-gray-50;
     padding: $small;
     font-size: $fs12;
     color: $color-gray-20;
@@ -164,10 +165,10 @@
     }
 
     .group-grid {
-      margin-top: $small;
+      margin-top: $medium;
       display: grid;
-      grid-template-columns: 1fr 1fr 1fr;
-      grid-auto-rows: 7vh;
+      grid-template-columns: 1fr 1fr 1fr 1fr;
+      grid-auto-rows: 6vh;
       column-gap: 0.5rem;
       row-gap: 0.5rem;
 
@@ -253,6 +254,10 @@
     //   overflow-y: scroll;
     // }
 
+    .group-list {
+      margin-top: $medium;
+    }
+
     .group-list-item {
       display: flex;
       align-items: center;
diff --git a/frontend/src/app/main/ui/workspace/sidebar/assets.cljs b/frontend/src/app/main/ui/workspace/sidebar/assets.cljs
index 42f467851..4363dbe8f 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/assets.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/assets.cljs
@@ -570,7 +570,7 @@
             [:span.tool-badge (t locale "workspace.assets.shared")])]
         [:*
           [:span (:name file)]
-          [:span.tool-link
+          [:span.tool-link.tooltip.tooltip-left {:alt "Open library file"}
            [:a {:href (str "#" url) :target "_blank"} i/chain]]])]
 
      (when @open?