From 8f269eb8408c9ce0d7652f9cfa912395e75eeb43 Mon Sep 17 00:00:00 2001
From: Kartik Prajapati <kartikprajapati987@gmail.com>
Date: Sat, 12 Dec 2020 18:53:59 +0530
Subject: [PATCH] Fix Library Menu Layout (#2502)

---
 src/components/LayerUI.scss | 3 ---
 src/components/LayerUI.tsx  | 4 ++--
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/LayerUI.scss b/src/components/LayerUI.scss
index f77dde39..6564f2a5 100644
--- a/src/components/LayerUI.scss
+++ b/src/components/LayerUI.scss
@@ -12,9 +12,6 @@
       right: 12px;
       top: 16px;
       white-space: nowrap;
-      max-width: 140px;
-      text-overflow: ellipsis;
-      overflow: hidden;
     }
   }
 
diff --git a/src/components/LayerUI.tsx b/src/components/LayerUI.tsx
index 9fd09d5d..0bb10d9a 100644
--- a/src/components/LayerUI.tsx
+++ b/src/components/LayerUI.tsx
@@ -134,7 +134,7 @@ const LibraryMenuItems = ({
         align="center"
         gap={1}
         key={"actions"}
-        style={{ padding: "2px 0" }}
+        style={{ padding: "2px" }}
       >
         <ToolButton
           key="import"
@@ -208,7 +208,7 @@ const LibraryMenuItems = ({
   }
 
   return (
-    <Stack.Col align="center" gap={1} className="layer-ui__library-items">
+    <Stack.Col align="start" gap={1} className="layer-ui__library-items">
       {rows}
     </Stack.Col>
   );