Update commit page styles

app/assets/stylesheets/pages/commit.scss

@@ -36,13 +36,17 @@
     padding: 10px 0;
     margin-bottom: 0;
 
-    .commitable-meta {
-      display: inline-block;
-      line-height: 18px;
+    @media (min-width: $screen-sm-min) {
+      display: flex;
+      align-items: center;
+
+      .commit-meta {
+        flex: 1;
+      }
     }
 
     .commit-hash-full {
-      @media (max-width: $screen-md-min) {
+      @media (max-width: $screen-sm-max) {
         width: 80px;
         white-space: nowrap;
         overflow: hidden;
@@ -52,31 +56,24 @@
       }
     }
 
-    .commitable-actions {
-      @media (min-width: $screen-sm) {
-        float: right;
-        padding-top: 0;
+    .commit-action-buttons {
+      i {
+        color: $gl-icon-color;
+        font-size: 13px;
+        margin-right: 3px;
       }
 
+      @media (max-width: $screen-xs-max) {
         .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;
-      }
-    }
   }
 
   .avatar {
@@ -224,17 +221,6 @@
   }
 }
 
-.commit-action-buttons {
-  position: relative;
-  top: -1px;
-
-  i {
-    color: $gl-icon-color;
-    font-size: 13px;
-    margin-right: 3px;
-  }
-}
-
 /*
  * Commit message textarea for web editor and
  * custom merge request message

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

 .commit-info-row.commit-info-row-header
-  .commitable-meta
+  .commit-meta
     %strong Commit
     %strong.monospace.js-details-short= @commit.short_id
     = link_to("#", class: "js-details-expand hidden-xs hidden-sm") do
@@ -19,7 +19,6 @@
       %strong
         = commit_committer_link(@commit, avatar: true, size: 24)
       #{time_ago_with_tooltip(@commit.committed_date)}
-  .commitable-actions
   .commit-action-buttons
     - if defined?(@notes_count) && @notes_count > 0
       %span.btn.disabled.btn-grouped.hidden-xs.append-right-10
@@ -30,7 +29,7 @@
     .dropdown.inline
       %a.btn.btn-default.dropdown-toggle{ data: { toggle: "dropdown" } }
         %span Options
-          = icon('caret-down', class: ".commit-options-dropdown-caret")
+        = icon('caret-down')
       %ul.dropdown-menu.dropdown-menu-align-right
         %li.visible-xs-block.visible-sm-block
           = link_to namespace_project_tree_path(@project.namespace, @project, @commit) do