[desk-tool] Improve margins of document form

sanity-io · Oct 6, 2020 · cf86df4 · cf86df4
1 parent 2eeebcc
commit cf86df4
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/packages/@sanity/desk-tool/src/panes/documentPane/documentPanel/views/formView.css b/packages/@sanity/desk-tool/src/panes/documentPane/documentPanel/views/formView.css
@@ -1,12 +1,25 @@
 @import 'part:@sanity/base/theme/variables-style';
 
+:root {
+  --form-view-padding-bottom-small: 7.5em;
+  --form-view-padding-bottom-medium: 15em;
+}
+
 .root {
   max-width: 640px;
   flex-grow: 1;
   margin: 0 auto;
-  padding: var(--large-padding) var(--medium-padding) var(--extra-large-padding);
+  padding: var(--large-padding) var(--medium-padding) var(--form-view-padding-bottom-small);
+
+  @media (--screen-medium) {
+    padding: var(--large-padding) var(--medium-padding) var(--form-view-padding-bottom-medium);
+  }
 }
 
 .typeMisMatchMessage {
-  padding: 10em 3em;
+  padding: var(--large-padding) var(--medium-padding) var(--form-view-padding-bottom-small);
+
+  @media (--screen-medium) {
+    padding: var(--large-padding) var(--medium-padding) var(--form-view-padding-bottom-medium);
+  }
 }