styled search data set containers

Author: Chris McLean

app/styles/main.css

@@ -105,6 +105,7 @@ body {
   border-bottom: 1px solid #60beff;
   width: 100%;
   background-color: rgba(70, 84, 93, 0.5);
+  color: #ffffff;
 }
 
 .data-set-container ::-webkit-scrollbar {

app/views/list-select.tpl.html

@@ -1,29 +1,30 @@
-<h3 class="pull-left">{{title}}</h3>
-<div class="select-list textlist clear-both">
-    <div class="form-group">
-        <div class="controls">
-            <div class="input-group">
-                <span class="input-group-addon"><i class="glyphicon glyphicon-bullhorn"></i></span>
-                <input type="text" class="form-control"
-                    ng-model="selectedItem"
-                    typeahead-min-length="2"
-                    typeahead-wait-ms="200"
-                    typeahead-on-select="selectItem()"
-                    typeahead="item as item.name for item in items | filter:{name: $viewValue} | limitTo: 3"
-                />
+<div class="data-set-container">
+    <h3 class="pull-left">{{title}}</h3>
+    <div class="select-list textlist clear-both">
+        <div class="form-group">
+            <div class="controls">
+                <div class="input-group data">
+                    <input type="text" placeholder="search" class="form-control"
+                        ng-model="selectedItem"
+                        typeahead-min-length="2"
+                        typeahead-wait-ms="200"
+                        typeahead-on-select="selectItem()"
+                        typeahead="item as item.name for item in items | filter:{name: $viewValue} | limitTo: 3"
+                    />
+                </div>
             </div>
         </div>
-    </div>
-    <div class="dataset">
-        <table class="table">
-            <tbody>
-                <tr ng-repeat="item in selectedItems">
-                    <td>{{item.name}}</td>
-                    <td class="remove-selected">
-                        <span class="glyphicon glyphicon-remove-circle remove-selected" ng-click="removeItem(item)"></span>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
+        <div class="dataset">
+            <table class="table">
+                <tbody>
+                    <tr ng-repeat="item in selectedItems">
+                        <td>{{item.name}}</td>
+                        <td class="remove-selected">
+                            <span class="glyphicon glyphicon-remove-circle remove-selected" ng-click="removeItem(item)"></span>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
     </div>
 </div>