Fix table layout for matrix questions

client/src/styles/_survey.scss

@@ -120,15 +120,24 @@
   margin-bottom: $large-spacing;
 
   &__row {
-    display: table-row;
+    display: flex;
+    width: 100%;
+    flex-direction: row;
     border-top: 1px solid $color-silver;
+
+    > td {
+      @include small-text;
+    }
   }
 
   &__cell {
-    display: table-cell;
+    display: flex;
     padding: $medium-spacing 0;
     text-align: left;
     vertical-align: middle;
+    justify-content: center;
+    flex: 1;
+
     @include small-text;
 
     span {

client/src/styles/survey.reset.css

@@ -29,3 +29,26 @@
 .sv-radio__svg {
   display: none !important;
 }
+
+table, tbody, thead, tr {
+  box-sizing: border-box;
+}
+
+tbody, thead, tr {
+  display: flex;
+  flex-flow: row wrap;
+}
+
+td, th {
+  flex: 1;
+}
+
+
+
+.sv-table__cell,
+.sv-table__cell:not(:first-child),
+.sv-table__cell:not(:last-child)
+{
+  padding: 0;
+}
+