From 46271e48e566853a3944ba22b2cc132ee1be53f7 Mon Sep 17 00:00:00 2001
From: BoykoAlex <aboyko@pivotal.io>
Date: Fri, 22 Nov 2019 20:45:34 -0500
Subject: [PATCH] Expose palette-paper-container styling

---
 src/lib/palette/palette.component.html | 4 ++--
 src/lib/palette/palette.component.scss | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lib/palette/palette.component.html b/src/lib/palette/palette.component.html
index 124fb55..f8a5803 100644
--- a/src/lib/palette/palette.component.html
+++ b/src/lib/palette/palette.component.html
@@ -1,7 +1,7 @@
 <div id="palette-filter" class="palette-filter">
-  <input type="text" id="palette-filter-textfield" class="palette-filter-textfield" [(ngModel)]="filterText" (focus)="onFocus()"/>
+  <input type="search" id="palette-filter-textfield" class="palette-filter-textfield" [(ngModel)]="filterText" (focus)="onFocus()" placeholder="Search..."/>
 </div>
-<div id="palette-paper-container" style="height:calc(100% - 46px); width:100%;">
+<div id="palette-paper-container">
   <div id="palette-paper" class="palette-paper" style="overflow:hidden;"></div>
 </div>
 
diff --git a/src/lib/palette/palette.component.scss b/src/lib/palette/palette.component.scss
index 65d2b5c..507fa3a 100644
--- a/src/lib/palette/palette.component.scss
+++ b/src/lib/palette/palette.component.scss
@@ -25,6 +25,8 @@
   overflow-x: hidden;
   background-color: white;
   color: white;
+  height:calc(100% - 46px);
+  width:100%;
 }
 
 /* Joint JS paper for drawing palette -> canvas DnD visual feedback END */