added various changes to commit title area

app/assets/stylesheets/pages/commit.scss

@@ -36,6 +36,42 @@
     padding: 10px 0;
     margin-bottom: 0;
 
+    .commitable-meta {
+      display: inline-block;
+      line-height: 18px;
+    }
+
+    .commit-hash-full {
+      @media (max-width: $screen-md-min) {
+        width: 80px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: inline-block;
+        vertical-align: bottom;
+      }
+    }
+
+    .commitable-actions {
+      @media (min-width: $screen-sm) {
+        float: right;
+        padding-top: 0;
+      }
+
+      .dropdown{
+        @media (max-width: $screen-sm) {
+          width: 100%;
+          margin-top: 10px;
+        }
+      }
+
+      .dropdown-toggle {
+        @media (max-width: $screen-sm) {
+          width: 100%;
+        }
+      }
+    }
+
     .commit-options-dropdown-caret {
       @media (max-width: $screen-sm) {
         margin-left: 0;

app/views/projects/commit/_commit_box.html.haml

@@ -1,11 +1,12 @@
 .commit-info-row.commit-info-row-header
-  %span.hidden-xs.hidden-sm Commit
-  = link_to @commit.short_id, namespace_project_commit_path(@project.namespace, @project, @commit), class: "monospace js-details-short"
+  .commitable-meta
+    %strong Commit
+    %strong.monospace.js-details-short= @commit.short_id
     = link_to("#", class: "js-details-expand hidden-xs hidden-sm") do
       %span.text-expander
         \...
     %span.js-details-content.hide
-    = link_to @commit.id, namespace_project_commit_path(@project.namespace, @project, @commit), class: "monospace hidden-xs hidden-sm"
+      %strong.monospace.commit-hash-full= @commit.id
     = clipboard_button(clipboard_text: @commit.id)
     %span.hidden-xs authored
     #{time_ago_with_tooltip(@commit.authored_date)}
@@ -18,8 +19,8 @@
       %strong
         = commit_committer_link(@commit, avatar: true, size: 24)
       #{time_ago_with_tooltip(@commit.committed_date)}
-
-  .pull-right.commit-action-buttons
+  .commitable-actions
+    .commit-action-buttons
       - if defined?(@notes_count) && @notes_count > 0
         %span.btn.disabled.btn-grouped.hidden-xs.append-right-10
           = icon('comment')
@@ -28,7 +29,7 @@
         Browse Files
       .dropdown.inline
         %a.btn.btn-default.dropdown-toggle{ data: { toggle: "dropdown" } }
-        %span.hidden-xs Options
+          %span Options
           = icon('caret-down', class: ".commit-options-dropdown-caret")
         %ul.dropdown-menu.dropdown-menu-align-right
           %li.visible-xs-block.visible-sm-block