encapsulate patches inside a div

jmtd · jmtd · commit 22cf4dd489bc · 2017-09-01T10:54:11.000+01:00
add the patch name
float the divs
diff --git a/index.html b/index.html
@@ -27,6 +27,11 @@
       margin-left: 5px;
       margin-right: 5px;
     }
+    .texdiv {
+        float: left;
+        margin: 1em;
+        text-align: center;
+    }
   </style>
 </head>
 <body>
diff --git a/texture.js b/texture.js
@@ -220,9 +220,12 @@ function renderAllTextures(element, game) {
 			for (i = 0; i < textures.length; ++i) {
 				var tx = textures[i];
 				var canvas = tx.drawTexture(ps);
-				//element.appendChild(document.createTextNode(tx.name));
-				element.appendChild(canvas);
-				//element.appendChild(document.createElement("br"));
+				var div = document.createElement("div");
+				div.className = "texdiv";
+				div.appendChild(canvas);
+				div.appendChild(document.createElement("br"));
+				div.appendChild(document.createTextNode(tx.name));
+				element.appendChild(div);
 			}
 		});
 	});
