From 8d65caaaefb5fbfdce04c03a31272684d305a6f0 Mon Sep 17 00:00:00 2001
From: Ryan Huffman <ryanhuffman@gmail.com>
Date: Tue, 10 Feb 2015 09:03:21 -0800
Subject: [PATCH] Update entity list search input to be full width with margin

---
 examples/html/entityList.html |  4 +++-
 examples/html/style.css       | 10 ++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/examples/html/entityList.html b/examples/html/entityList.html
index 9a910b40d3..bbfa4d81b8 100644
--- a/examples/html/entityList.html
+++ b/examples/html/entityList.html
@@ -175,7 +175,9 @@
     </div>
 
     <div id="entity-list">
-        <input type="text" class="search" id="filter" placeholder="Filter" />
+        <div id="search-area">
+            <input type="text" class="search" id="filter" placeholder="Filter" />
+        </div>
         <table id="entity-table">
             <thead>
                 <tr>
diff --git a/examples/html/style.css b/examples/html/style.css
index d7ff8d6ff6..254c6545d6 100644
--- a/examples/html/style.css
+++ b/examples/html/style.css
@@ -90,6 +90,16 @@ input[type=button] {
     padding: 0.5em;
 }
 
+#search-area {
+    width: 100%;
+    padding: 0.5em;
+    box-sizing: border-box;
+}
+
+#search-area input {
+    width: 100%;
+}
+
 textarea, input {
     margin: 0;
     padding: 1.5pt;