Create svg-w-100 utility class for svg containers

The class makes a svg tag 100% width

app/assets/stylesheets/framework/common.scss

@@ -436,6 +436,12 @@ img.emoji {
 
 .h-3 { width: #{3 * $grid-size}; }
 
+.svg-w-100 {
+  svg {
+    width: 100%;
+  }
+}
+
 /** COMMON SPACING CLASSES **/
 .gl-pl-0 { padding-left: 0; }
 .gl-pl-1 { padding-left: #{0.5 * $grid-size}; }

app/assets/stylesheets/pages/stat_graph.scss

@@ -18,10 +18,6 @@
     @include make-col-ready();
     @include make-col(12);
   }
-
-  svg {
-    width: 100%;
-  }
 }
 
 #contributors {
@@ -31,10 +27,6 @@
     margin: 0 0 10px;
     list-style: none;
     padding: 0;
-
-    svg {
-      width: 100%;
-    }
   }
 
   .person {

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

@@ -22,6 +22,6 @@
         = s_('ContributorsPage|Commits to %{branch_name}, excluding merge commits. Limited to 6,000 commits.') % { branch_name: @ref }
       %input#brush_change{ :type => "hidden" }
     .graphs.row
-      #contributors-master
+      #contributors-master.svg-w-100
       #contributors.clearfix
-        %ol.contributors-list.row
+        %ol.contributors-list.svg-w-100.row