Revize a10c7b7e

minor fixes

sources/src/main/webapp/css/main.css

@@ -337 +337 @@
 	fill: yellow;
 }
 
-.viewport .vertex .archetype {
-	dominant-baseline: central;
-}
-
-.viewport .vertex .related-archetype {
+.archetype-icon {
 	dominant-baseline: central;
+	pointer-events: bounding-box;
 }
 
 .context-menu {
@@ -588 +585 @@
 	font-size: 0.8em;
 }
 
-.sidebar .node .related-archetype > g {
-	dominant-baseline: central;
-}
-
 .sidebar .node .related-archetype > line {
 	stroke: #000;
 }

sources/src/main/webapp/js/components/vertex.js

@@ -426 +426 @@
 	 * @returns {Element} HTML or SVG DOM element depending on whether the vertex is excluded.
 	 */
 	this.render = function() {
-		size.width += this.countRelatedArchetypes() * relatedArchetypeIconWidth;
-
 		rootElement = excluded ? renderExcluded.call(this) : renderIncluded.call(this);
 
 		this.setHighlighted(highlighted);
@@ -475 +473 @@
 		
 		rootElement.appendChild(app.utils.createSvgElement('rect', {
 			'height': size.height,
-			'width': size.width,
+			'width': size.width + this.countRelatedArchetypes() * relatedArchetypeIconWidth,
 			'x': 1,
 			'y': 1,
 		}));
 
 		// archetype icon
 		var archetypeIcon = app.dom.createSvgElement('g', {
-			'class': 'archetype',
+			'class': 'archetype-icon',
 			'transform': 'translate(8, 8)',
 		});
 		archetypeIcon.addEventListener('click', archetypeClick.bind(this));
@@ -502 +500 @@
 
 		// related archetype icons
 		var relatedArchetypeListContainer = app.dom.createSvgElement('g', {
-			'transform': `translate(${size.width - this.countRelatedArchetypes() * relatedArchetypeIconWidth}, 0)`,
+			'transform': `translate(${size.width}, 0)`,
 		});
 		rootElement.appendChild(relatedArchetypeListContainer);
 
 		var archetypeIconOrder = 0;
 		for (var archetypeIndex in relatedArchetypeMap) {
 			var relatedArchetype = app.utils.createSvgElement('g', {
-				'class': 'related-archetype',
+				'class': 'archetype-icon',
 				'transform': `translate(${archetypeIconOrder * relatedArchetypeIconWidth}, 8)`,
 			});
 			relatedArchetype.addEventListener('click', relatedArchetypeClick.bind(this, parseInt(archetypeIndex)));
@@ -569 +567 @@
 
 			// icon
 			var relatedArchetypeIcon = app.dom.createSvgElement('g', {
+				'class': 'archetype-icon',
 				'transform': `translate(15, -10)`,
 			});
 			relatedArchetypeIcon.addEventListener('click', relatedArchetypeClick.bind(this, parseInt(archetypeIndex)));