Fix Library Menu Layout (#2502)

4 years ago · 8f269eb840
parent 1a134a88bd
commit 8f269eb840
2 changed files with 2 additions and 5 deletions
--- 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;
    }
  }

--- 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>
  );