Few bug fixes in layout and disable search when search term blank

app/assets/javascripts/application.js

@@ -30,6 +30,12 @@ jQTubeUtil.init({
 
 $(function(){
 
+  $(".search-form").submit(function(){
+    if (!$(this).find("#searchInput").val()){
+      return false;
+    }
+  });
+
   $("#searchInput").autocomplete({
 		source: function( request, response ) {
       var q = request.term;

app/assets/stylesheets/application.css.scss

@@ -37,6 +37,11 @@
 .search-btn {
   border-top-left-radius: 0px !important;
   border-bottom-left-radius: 0px !important;
+  width:34px;
+  height:32px;
+  /*
+  <img src="/assets/search.png" style="max-height:12px;max-width:12px;padding-top:6px;"></img>
+  */
 }
 
 .search-btn img {
@@ -115,9 +120,17 @@ ul.search-nav li a {
 }
 
 .search-icon {
-  position:relative;
-  top:3px;
   padding-right:2px;
+  display:inline-block;
+  max-height:16px;
+  max-width:16px;
+  float:left;
+  clear:right;
+  position:absolute;
+}
+
+.source-link > span.source-name {
+  padding-left:20px !important;
 }
 
 .clearfix:after {

app/views/home/_search_form.html.erb

@@ -6,7 +6,9 @@
           <% if @source %>
             <input type="hidden" id="source" name="source" value="<%= @source %>"></input>
           <% end %>
-          <input value="<%= @q %>" name="q" class="span6 search-input" id="searchInput" size="16" type="text" ><button class="btn search-btn" type="submit" ><img src="/assets/search.png" style="max-height:12px;max-width:12px;padding-top:5px;"></img></button>
+          <input value="<%= @q %>" name="q" class="span6 search-input" id="searchInput" size="16" type="text" ><button class="btn search-btn" type="submit" >
+            <img src="/assets/search.png" style="max-height:12px;max-width:12px;padding-top:6px;"></img>
+          </button>
         </div>
       </div>
     </div>

app/views/home/search.html.erb

@@ -11,7 +11,7 @@
     <ul id="search-nav" class="nav nav-tabs">
       <% ["youtube", "vimeo", "soundcloud", "dailymotion"].each do |source| %>
         <li class="<%= if source.to_sym == @source then "active" end %>">
-          <%= link_to image_tag("#{ source }.ico", :class => "search-icon") + " " + source.humanize, remove_filters(params).merge({ :q => @q, :source => source, :page => nil }), :data => { :source => source }, :class => "source-link pjax-enabled" %>
+          <%= link_to image_tag("#{ source }.png", :class => "search-icon") + " " + content_tag( :span, source.humanize, :class => "source-name" ), remove_filters(params).merge({ :q => @q, :source => source, :page => nil }), :data => { :source => source }, :class => "source-link pjax-enabled" %>
         </li>
       <% end %>
     </ul>

db/schema.rb

@@ -0,0 +1,16 @@
+# encoding: UTF-8
+# This file is auto-generated from the current state of the database. Instead
+# of editing this file, please use the migrations feature of Active Record to
+# incrementally modify your database, and then regenerate this schema definition.
+#
+# Note that this schema.rb definition is the authoritative source for your
+# database schema. If you need to create the application database on another
+# system, you should be using db:schema:load, not running all the migrations
+# from scratch. The latter is a flawed and unsustainable approach (the more migrations
+# you'll amass, the slower it'll run and the greater likelihood for issues).
+#
+# It's strongly recommended to check this file into your version control system.
+
+ActiveRecord::Schema.define(:version => 0) do
+
+end