Giving image representation a top and left border

plus some other minor visual cleanups to web game.
2012-12-19 00:23:22 -05:00
parent 45c45bb838
commit 142c802a70
4 changed files with 46 additions and 24 deletions
--- a/conway/web_assets/index.html
+++ b/conway/web_assets/index.html
@@ -43,15 +43,32 @@
        $('#play').click(function() { goToNextState(curState, true); });
      });
    </script>
+    <style type="text/css">
+      body {
+        text-align: center;
+      }
+
+      #container {
+        margin: 0 auto;
+        width: 1024px;
+      }
+
+      #state_container {
+        margin-top: 21px;
+        padding-top: 9px;
+        border-top: 1px solid #999;
+      }
+    </style>
  </head>
  <body>
-    <h1>Conway's Game of Life</h1>
-    <div id="controls">
-      <button id="step">Step</button>
-      <button id="play">Play</button>
-    </div>
-    <hr />
-    <div id="state_container">
+    <div id="container">
+      <h1>Conway's Game of Life</h1>
+      <div id="controls">
+        <button id="play">Play</button>
+        <button id="step">Step</button>
+      </div>
+      <div id="state_container">
+      </div>
    </div>
  </body>
 </html>