Switched CSS framework to Bootstrap

views/component/view.twig

@@ -4,7 +4,7 @@
 
 {% block content %}
   <div class="row">
-    <div class="twelve columns">
+    <div class="col-12">
       <h1>{{ component.name }}</h1>
       <p><a href="{{ url_for('component.edit', { component_id: component.id }) }}">Edit</a></p>
       <p>{{ component.type }}</p>
@@ -14,12 +14,12 @@
   <hr>
 
   <div class="row">
-    <div class="twelve columns">
+    <div class="col-12">
       <h3>Tests using this component:</h3>
 
       {% if component.tests | length > 0 %}
-        <table class="u-full-width">
-          <thead>
+        <table class="table table-hover table-responsive">
+          <thead class="table-light">
             <tr>
               <th>Test title</th>
               <th>Benchmarks</th>