fix uml diagram style

Author: YoucTagh

shacl12-core/index.html

@@ -1138,11 +1138,11 @@ <h2>Shapes and Constraints</h2>
 						</div>
 					</div>
 				</div>
-				<div style="height: 60px; margin-left: 260px">
+				<div style="height: 60px; margin-left: 200px">
 					<img alt="Class Diagram Arrows" src="images/Class-Diagram-Arrows.png">
 				</div>
 				<div style="white-space: nowrap; min-width: 1000px">
-				<div class="diagram-class" style="float: left; margin-right: 60px;">
+				<div class="diagram-class" style="float: left; margin-right: 15px; width: 300px;">
 					<div class="diagram-class-name"><a href="#node-shapes">sh:NodeShape</a></div>
 					<div class="diagram-class-properties">
 						<div class="diagram-class-properties-start">
@@ -1154,14 +1154,14 @@ <h2>Shapes and Constraints</h2>
 						</div>
 					</div>
 				</div>
-				<div class="diagram-class" style="float: left;">
+				<div class="diagram-class" style="float: left; width: 480px;">
 					<div class="diagram-class-name"><a href="#property-shapes">sh:PropertyShape</a></div>
 					<div class="diagram-class-properties">
 						<div class="diagram-class-properties-start">
 							<div><b><a href="#constraints">Constraint parameters</a></b>, for example:</div>
 							<div><a href="#MinCountConstraintComponent">sh:minCount</a>, <a href="#MaxCountConstraintComponent">sh:maxCount</a> : xsd:integer</div>
 							<div><a href="#MinLengthConstraintComponent">sh:minLength</a>, <a href="#MaxLengthConstraintComponent">sh:maxLength</a> : xsd:integer</div>
-							<div><a href="#ClassConstraintComponent">sh:class</a> or <a href="#DatatypeConstraintComponent">sh:datatype</a> : rdfs:Resource or rdf:List of rdfs:Resources</div>
+							<div><a href="#ClassConstraintComponent">sh:class</a>, <a href="#DatatypeConstraintComponent">sh:datatype</a> : rdfs:Resource or rdf:List of rdfs:Resources</div>
 							<div><a href="#NodeConstraintComponent">sh:node</a> : sh:NodeShape</div>
 						</div>
 						<div class="diagram-class-properties-section">