Make table foot fields consistent at all breakpoints

This effectively overrides Bulma's default field layout tweaks
at different breakpoints. This includes going from flex to block
and different font-sizes.

ui/app/styles/core/table.scss

@@ -272,6 +272,9 @@
     margin: 0;
   }
 
+  // Field overrides specifically for use of Field within a table foot.
+  // Bulma does a lot of typically helpful layout tweaks at different
+  // breakpoints that are undesirable in this context.
   .field {
     margin-bottom: 0;
 
@@ -279,9 +282,28 @@
       margin-left: 1.5em;
     }
 
+    &.is-horizontal {
+      display: flex;
+    }
+
     .label,
     .field-label {
       color: $grey;
+      flex-basis: 0;
+      flex-grow: 1;
+      flex-shrink: 0;
+      text-align: right;
+
+      &.is-small {
+        font-size: $size-7;
+      }
+    }
+
+    .field-body {
+      display: flex;
+      flex-basis: 0;
+      flex-grow: 5;
+      flex-shrink: 1;
     }
   }
 }