encapsulate patches inside a div

add the patch name float the divs
fragglet · Aug 31, 2017 · 7741ea6 · 7741ea6
1 parent f143335
commit 7741ea6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
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);
 			}
 		});
 	});