Merge pull request #2581 from github/shati-patel/data-ui-background

Data extensions UI: Change background colour of library container

Author: shati-patel

extensions/ql-vscode/src/view/data-extensions-editor/LibraryRow.tsx

@@ -11,14 +11,19 @@ import { Mode } from "../../data-extensions-editor/shared/mode";
 import { VSCodeButton, VSCodeDivider } from "@vscode/webview-ui-toolkit/react";
 
 const LibraryContainer = styled.div`
+  background-color: var(--vscode-peekViewResult-background);
+  padding: 0.3rem;
   margin-bottom: 1rem;
+  border-radius: 0.3rem;
 `;
 
 const TitleContainer = styled.button`
   display: flex;
   gap: 0.5em;
   align-items: center;
   width: 100%;
+  padding-top: 0.3rem;
+  padding-bottom: 0.3rem;
 
   color: var(--vscode-editor-foreground);
   background-color: transparent;