[UI] Cleanup schema item and explorer panel caret alignment (PaloAltoNetworks#624)

* align schema items vertically

* adjust caret height and margin

* fix linter errors

* adjust top alignment for params

* add missing clasname

Author: sserrata

packages/docusaurus-plugin-openapi-docs/src/markdown/createSchema.ts

@@ -6,6 +6,7 @@
  * ========================================================================== */
 
 import clsx from "clsx";
+
 import { SchemaObject } from "../openapi/types";
 import {
   createClosingArrayBracket,
@@ -436,6 +437,7 @@ function createAnyOneOfProperty(
     className: "schemaItem",
     children: [
       createDetails({
+        className: "openapi-markdown__details",
         children: [
           createDetailsSummary({
             children: [

packages/docusaurus-theme-openapi-docs/src/theme/ApiExplorer/Request/_Request.scss

@@ -80,12 +80,13 @@
   &::before {
     margin-right: 0.25rem;
     margin-bottom: 0.25rem;
+    margin-top: 0.25rem;
     background-image: var(--openapi-explorer-caret-bg);
     border: none !important;
     transform: rotate(90deg);
     content: "";
-    height: 0.75rem;
-    width: 0.75rem;
+    height: 1rem;
+    width: 1rem;
   }
 }
 

packages/docusaurus-theme-openapi-docs/src/theme/ParamsItem/_ParamsItem.scss

@@ -8,7 +8,7 @@
   // Horizonal line styling for param attributes
   &::before {
     position: absolute;
-    top: 10px;
+    top: 5px;
     left: 0;
     width: 0.7rem;
     /* width of horizontal line */

packages/docusaurus-theme-openapi-docs/src/theme/SchemaItem/_SchemaItem.scss

@@ -85,4 +85,5 @@
 
 .openapi-schema__container {
   display: flex;
+  align-items: center;
 }