From 3045740eaca9c29bbfe29e324c1d93a97a2de024 Mon Sep 17 00:00:00 2001
From: Cody Williams <codyjohnwilliams@gmail.com>
Date: Mon, 14 Feb 2022 00:13:01 -0800
Subject: [PATCH] fix alignment and flow

Convert some flexbox css to css-grid for perfect alignment and flow
---
 midnight.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/midnight.css b/midnight.css
index 4545a95..17fb825 100644
--- a/midnight.css
+++ b/midnight.css
@@ -178,6 +178,18 @@ But we should still update text color because are global whites look bad */
     color: #000 !important;
 }
 
+/* attempt a grid layout for basic properties */
+.basic-properties-widget {
+    display: grid !important;
+    grid-template-columns: repeat(auto-fit, minmax(210px, max-content))  !important;
+}
+
+/* attempt a grid layout for promoted attributes */
+.promoted-attributes-container {
+    display: grid !important;
+    grid-template-columns: repeat(auto-fit, minmax(400px, max-content))  !important;
+}
+
 /* fix main left bar calendar picker */
 body ::-webkit-calendar-picker-indicator {
     filter: invert(1);