From 6ca3615fa9e1f23ad27ee5bac1bb5577d928071b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=A9bastien=20Dubois?= Date: Wed, 26 Feb 2020 19:10:14 +0100 Subject: [PATCH 1/2] Fix very narrow nested fields --- .../administrate/components/_field-unit.scss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/app/assets/stylesheets/administrate/components/_field-unit.scss b/app/assets/stylesheets/administrate/components/_field-unit.scss index d5858ae6a9..e4bf6bc7a7 100644 --- a/app/assets/stylesheets/administrate/components/_field-unit.scss +++ b/app/assets/stylesheets/administrate/components/_field-unit.scss @@ -17,21 +17,23 @@ .field-unit__field { float: left; margin-left: 2rem; - width: 45%; + width: 100%; + max-width: 50rem; } .field-unit--nested { border: $base-border; margin-left: 7.5%; padding: $small-spacing; - width: 50%; + width: 100%; + max-width: 60rem; .field-unit__field { - width: calc(75% - 1rem); + width: 100%; } .field-unit__label { - width: calc(25% - 1rem); + width: 10rem; } } From 46be8ac3c39b50905e4fa776c55e9701748c6adb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=A9bastien=20Dubois?= Date: Wed, 26 Feb 2020 19:18:40 +0100 Subject: [PATCH 2/2] Reorder CSS --- .../stylesheets/administrate/components/_field-unit.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/administrate/components/_field-unit.scss b/app/assets/stylesheets/administrate/components/_field-unit.scss index e4bf6bc7a7..f3785f07cd 100644 --- a/app/assets/stylesheets/administrate/components/_field-unit.scss +++ b/app/assets/stylesheets/administrate/components/_field-unit.scss @@ -17,16 +17,16 @@ .field-unit__field { float: left; margin-left: 2rem; - width: 100%; max-width: 50rem; + width: 100%; } .field-unit--nested { border: $base-border; margin-left: 7.5%; + max-width: 60rem; padding: $small-spacing; width: 100%; - max-width: 60rem; .field-unit__field { width: 100%;