Improve styling in content form

modules/core/ui/theme/css/content-form.css

@@ -0,0 +1,16 @@
+/* Decrease spacing in gin node edit form. */
+.block-system-main-block > form.gin-node-edit-form {
+  padding: var(--gin-spacing-m);
+}
+.block-system-main-block > form.gin-node-edit-form .form-type--vertical-tabs,
+.block-system-main-block > form.gin-node-edit-form .vertical-tabs {
+  margin-top: 0;
+}
+
+/* Decrease width of vertical tabs in node edit form. */
+form .layout-node-form .vertical-tabs .vertical-tabs__menu {
+  width: 10em;
+}
+form .layout-node-form .vertical-tabs .vertical-tabs__items.vertical-tabs__panes {
+  margin-left: 10em;
+}

modules/core/ui/theme/farm_ui_theme.libraries.yml

@@ -2,6 +2,10 @@ asset_map_popup:
   css:
     theme:
       css/asset_map_popup.css: { }
+content_form:
+  css:
+    theme:
+      css/content-form.css: { }
 dashboard:
   css:
     theme:

modules/core/ui/theme/src/Form/GinContentFormBase.php

@@ -113,6 +113,9 @@ class GinContentFormBase extends ContentEntityForm implements RenderCallbackInte
       return $form;
     }
 
+    // Attach content form styles.
+    $form['#attached']['library'][] = 'farm_ui_theme/content_form';
+
     // Add field groups.
     $field_groups = $this->getFieldGroups();
     if (!empty($field_groups)) {