1 files changed, 10 insertions, 13 deletions
diff --git a/theme/admin/rsrc/css/dark.css b/theme/admin/rsrc/css/dark.css
index 1477bac..ece8bba 100644
--- a/theme/admin/rsrc/css/dark.css
+++ b/theme/admin/rsrc/css/dark.css
@@ -456,7 +456,7 @@ img {
 .item-container.grid {
   width: 100%;
   display: grid;
-  grid-template-columns: auto auto auto;
+  grid-template-columns: 1fr 1fr 1fr;
   grid-column-gap: 1rem;
   grid-row-gap: 1rem;
   column-gap: 1rem;
@@ -498,12 +498,12 @@ img {
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 .form-grid {
   display: grid;
-  grid-template-columns: 8rem auto 8rem auto;
+  grid-template-columns: repeat(2, 7.5rem minmax(0, 1fr));
   border-left: 0.05rem solid #1D232B;
   border-bottom: 0.05rem solid #1D232B;
 }
 .form-grid.two-columns {
-  grid-template-columns: auto auto;
+  grid-template-columns: 1fr 2fr;
 }
 .form-grid.no-bottom-border {
   border-bottom: none;
@@ -514,8 +514,7 @@ img {
   background: #4D535B;
 }
 .form-grid > label .fa {
-  margin-left: 0.5rem;
-  margin-right: 1rem;
+  margin: 0 0.5rem;
 }
 .form-grid-item,
 .form-grid > label {
@@ -524,8 +523,7 @@ img {
   border-right: 0.05rem solid #1D232B;
 }
 .form-grid-item.first {
-  grid-column-start: 2;
-  grid-column-end: 5;
+  grid-column: span 3;
 }
 
 .form-border-box {
@@ -697,7 +695,7 @@ label:after {
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 @media only screen and (max-width: 90em) {
   .item-container.grid {
-    grid-template-columns: auto auto;
+    grid-template-columns: 1fr 1fr;
   }
 }
 @media only screen and (min-width: 62.5em) {
@@ -709,7 +707,7 @@ label:after {
 }
 @media only screen and (max-width: 62.5em) {
   .item-container.grid {
-    grid-template-columns: auto;
+    grid-template-columns: 1fr;
   }
 }
 @media only screen and (max-width: 50em) {
@@ -748,11 +746,10 @@ label:after {
   }
 
   .form-grid {
-    grid-template-columns: auto auto;
+    grid-template-columns: 7rem 1fr;
   }
-  .form-grid-item.first {
-    grid-column-start: 2;
-    grid-column-end: 3;
+  .form-grid-item, .form-grid-item.first, .form-grid label {
+    grid-column: unset;
   }
 
   .actions {