Add more wraps

Author: xPaw

src/components/Docs/SchemaClass.tsx

@@ -328,7 +328,8 @@ const InheritedRow = styled.div`
   border: 1px solid var(--group-border);
   border-radius: 8px;
   display: flex;
-  align-items: center;
+  align-items: baseline;
+  flex-wrap: wrap;
   gap: 6px;
   font-size: 13px;
   opacity: 0.6;

src/components/Docs/SchemaType.tsx

@@ -114,6 +114,7 @@ const MetadataGroupValues = styled.div`
 const MetadataEntry = styled.div`
   display: flex;
   align-items: baseline;
+  flex-wrap: wrap;
 `;
 
 const MetadataIcon = styled.span`
@@ -131,6 +132,7 @@ const MetadataName = styled.button`
   color: var(--text);
   opacity: 0.6;
   cursor: pointer;
+  flex-shrink: 0;
 
   &:hover {
     color: var(--highlight);