diff --git a/public/index.css b/public/index.css
index a90f15f..04f4a81 100644
--- a/public/index.css
+++ b/public/index.css
@@ -1,5 +1,42 @@
 table {
-	border: 1px #E1E3F2 solid;
-	resize: both;
-	overflow: auto;
+  border-collapse: collapse;
+  border-spacing: 0px;
+  width: 100%;
+}
+td.left {
+  border-right: 1px solid black;
+  width: 20em;
+}
+div.resize {
+  resize: both;
+  overflow: auto;
+  margin: 0px;
+  padding: 0px;
+  display:block;
+}
+td {
+  padding: 0;
+  margin: 0px;
+  align: top;
+}
+input.fill {
+  width: 95%;
+}
+div.name {
+  float:left;
+  margin-left: 2px;
+  margin-right: 5px;
+}
+div.justify {
+  overflow: hidden;
+}
+input.justify {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  /*border: 2px solid orange; /*just to make border more clear*/
+  width: 100%;
+}
+td, th {
+  vertical-align:top;
 }
diff --git a/public/index.html b/public/index.html
index b2c3fab..92ac846 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,22 +6,28 @@
     <link rel='stylesheet' href='index.css'>
   </head>
   <body>
-<div>
-   <form>
-     <input type="text" id="terms" name="terms" placeholder="search terms" oninput="search()"><br>
-   </form>
-</div>
-<div>
-  <table>
-    <thead>
-      <tr>
-        <th>name</th>
-       <th>description</th>
-         <th>stock</th>
-      </tr>
-    </thead>
-    <tbody id="results"></tbody>
-  </table>
+<div class="container">
+<table>
+  <thead>
+    <tr><th>search</th><th>part details</th></tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td class="left">
+        <div class="resize">
+          <input class="fill" type="text" id="terms" name="terms" placeholder="search terms (space seperated, anded)" oninput="search()"><br>
+          <select id="results" size="20" onchange="select()"></select>
+        </div>
+      </td>
+      <td class="right">
+        <div class="resize">
+          <div class="name">name:</div><div class="justify"><input class="justify" type="text" id="part_name"></div>
+          <div class="name">description:</div><div class="justify"><input class="justify" type="text" id="part_description"></div>
+        </div>
+      </td>
+    </tr>
+  </tbody>
+</table>
 </div>
   </body>
 </html>
