Consistent, concise styling of datables

Add a semantic class to aggregate bootstrap classes and consistently
applyt them to all datatables.

app/assets/stylesheets/osem-datatables.scss

@@ -0,0 +1,21 @@
+table.datatable {
+  @extend .table, .table-striped, .table-bordered, .table-hover;
+
+  td.actions {
+    vertical-align: middle;
+    align: center;
+
+    div.btn-group {
+      display: flex;
+    }
+
+    a {
+      @extend .btn;
+    }
+  }
+
+  td.truncate {
+    max-width: 1px;
+    @include text-overflow();
+  }
+}

app/assets/stylesheets/strap-on.scss

@@ -61,3 +61,6 @@ $navbar-default-link-hover-color: #000000;
 // Utility classes
 @import "bootstrap/utilities";
 @import "bootstrap/responsive-utilities";
+
+// semantic classes
+@import "osem-datatables";