Improve project show page UI

* Fixes overflow with long description
* Fixes overflow for project with long name
* Fixes overflow for non-retina iPad
Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

app/views/projects/_home_panel.html.haml

 - empty_repo = @project.empty_repo?
 .project-home-panel{:class => ("empty-project" if empty_repo)}
   .row
-    .span5
+    .span6
       %h4.project-home-title
         = @project.name_with_namespace
         %span.visibility-level-label
           = visibility_level_icon(@project.visibility_level)
           = visibility_level_label(@project.visibility_level)
 
-    .span7
+    .span6
       - unless empty_repo
         .project-home-dropdown
           = render "dropdown"
       .form-horizontal
         = render "shared/clone_panel"
 
-  .project-home-extra.clearfix
-    .project-home-desc
+  .project-home-extra.clearfix.row
+    .project-home-desc.span8
       - if @project.description.present?
         = @project.description
       - if can?(current_user, :admin_project, @project)

app/views/shared/_clone_panel.html.haml

 .git-clone-holder
   %button{class: "btn #{ 'active' if default_clone_protocol == 'ssh' }", :"data-clone" => @project.ssh_url_to_repo} SSH
   %button{class: "btn #{ 'active' if default_clone_protocol == 'http' }", :"data-clone" => @project.http_url_to_repo}= gitlab_config.protocol.upcase
-  = text_field_tag :project_clone, default_url_to_repo, class: "one_click_select span5", readonly: true
+  = text_field_tag :project_clone, default_url_to_repo, class: "one_click_select span4", readonly: true