Add filter and clean styles

wlp1979 · Nov 23, 2012 · a1daee3 · a1daee3
1 parent 9c78c24
commit a1daee3
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 18 deletions.
diff --git a/www/default.css b/www/default.css
@@ -2,18 +2,13 @@ body {
   padding: 5px 20px;
 }
 
-#footer {
-  position: absolute;
-  bottom: 10px;
-  right: 10px;
-}
-#footer, #footer a {
-  font-size: 10px;
-  color: #333;
+.dataTables_filter {
+  float: right;
 }
 
 #data {
-  margin-top: 15px;
+  clear: both;
+  margin-top: 20px;
 }
 
 #data td.name {

diff --git a/www/default.js b/www/default.js
@@ -36,7 +36,6 @@ $(function() {
   $(document).ready(function() {
     $('#data').dataTable({
       "bPaginate": false,
-      "bFilter": false,
       "bInfo": false,
       "aoColumnDefs": [
         {

diff --git a/www/index.html b/www/index.html
@@ -13,11 +13,7 @@
       <h1>EC2Instances.info <small>Easy Amazon EC2 Instance Comparison</small></h1>
     </div>
 
-    <p>
-      A sortable table displaying all the Amazon EC2 <a href="http://aws.amazon.com/ec2/instance-types/" target="_blank">instance type</a> and <a href="http://aws.amazon.com/ec2/pricing/" target="_blank">pricing</a> information so its easier to make comparisons. It's <a href="http://powdahound.com/2011/03/hosting-a-static-site-on-amazon-s3-ec2instances-info" target="_blank">hosted on S3</a> and awaiting your improvements <a href="https://github.com/powdahound/ec2instances.info" target="_blank">on GitHub</a>.
-    </p>
-
-    <div>
+    <div class="pull-left">
       <div class="btn-group">
         <a class="btn dropdown-toggle btn-primary" data-toggle="dropdown" href="#">
           Region: US East
@@ -258,9 +254,9 @@ <h1>EC2Instances.info <small>Easy Amazon EC2 Instance Comparison</small></h1>
       </tbody>
     </table>
 
-    <div id="footer">
-      Made by <a href="http://twitter.com/powdahound" target="_blank">@powdahound</a> /
-      <a href="https://github.com/powdahound/ec2instances.info" target="_blank">Fork on GitHub</a>
+    <div class="well">
+      <p>This site was created out of frustration while trying to compare EC2 instances using Amazon's <a href="http://aws.amazon.com/ec2/instance-types/" target="_blank">instance type</a> and <a href="http://aws.amazon.com/ec2/pricing/" target="_blank">pricing</a> pages.</p>
+      <p>It was made by <a href="http://twitter.com/powdahound" target="_blank">@powdahound</a>, is <a href="http://powdahound.com/2011/03/hosting-a-static-site-on-amazon-s3-ec2instances-info" target="_blank">hosted on S3</a>, and awaits your improvements <a href="https://github.com/powdahound/ec2instances.info" target="_blank">on GitHub</a>.</p>
     </div>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>