Added class to .row-content-block to allow custom flexbox styling

app/assets/stylesheets/framework/blocks.scss

@@ -22,9 +22,6 @@
 }
 
 .row-content-block {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
   margin-top: 0;
   margin-bottom: -$gl-padding;
   background-color: $gray-light;
@@ -86,13 +83,10 @@
 
   .block-controls {
     display: -webkit-box;
-    display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
     -webkit-box-flex: 1;
-    -ms-flex: 1;
     flex: 1;
 
     .control {
@@ -293,3 +287,8 @@
     }
   }
 }
+
+.flex-container-block {
+  display: -webkit-box;
+  display: flex;
+}

app/views/projects/commits/show.html.haml

@@ -9,7 +9,7 @@
   = render "head"
 
 %div{ class: container_class }
-  .row-content-block.second-block.content-component-block
+  .row-content-block.second-block.content-component-block.flex-container-block
     .tree-ref-holder
       = render 'shared/ref_switcher', destination: 'commits'