From 49019bd9678bf9ae6210922f1ab8169581e9a5cf Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Thu, 2 Apr 2020 13:41:41 -0700
Subject: [PATCH] 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 | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/ui/app/styles/core/table.scss b/ui/app/styles/core/table.scss
index f8e321d88..ce9fa7aed 100644
--- a/ui/app/styles/core/table.scss
+++ b/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;
     }
   }
 }