Use .d-sm-table-column in CSS to be more explicit

While both revert and table-column have the same
effect, it's better to use the actual value that should
be used, just in case there are other CSS overrides.

The change to "display: table-column" lets the
column width expand naturally instead of being
restricted and causing the UI to break.

app/assets/stylesheets/utilities.scss

@@ -81,4 +81,8 @@
 .gl-text-green-700 { @include gl-text-green-700; }
 
 .gl-align-items-center { @include gl-align-items-center; }
-.d-sm-revert { display: revert !important; }
+.d-sm-table-column {
+  @include media-breakpoint-up(sm) {
+    display: table-column !important;
+  }
+}

app/views/projects/services/_integrations.html.haml

@@ -2,7 +2,7 @@
   %colgroup
     %col
     %col
-    %col.d-none.d-sm-revert
+    %col.d-none.d-sm-table-column
     %col{ width: 120 }
   %thead{ role: 'rowgroup' }
     %tr{ role: 'row' }