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>

diff --git a/app/views/projects/_home_panel.html.haml b/app/views/projects/_home_panel.html.haml
index 8703b26..acb85fa 100644 (file)
--- a/app/views/projects/_home_panel.html.haml
+++ b/app/views/projects/_home_panel.html.haml
@@ -1,22 +1,22 @@
 - 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)

diff --git a/app/views/shared/_clone_panel.html.haml b/app/views/shared/_clone_panel.html.haml
index 2ae3e6d..48d6c97 100644 (file)
--- a/app/views/shared/_clone_panel.html.haml
+++ b/app/views/shared/_clone_panel.html.haml
@@ -1,4 +1,4 @@
 .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