pad tab contents properly

[hexbog.git] / main.html

diff --git a/main.html b/main.html
index fd8573b..312ef1c 100644 (file)
--- a/main.html
+++ b/main.html
@@ -39,19 +39,21 @@ cat style.css
                        <div id="tabs">
                                <div id="instructions" class="selected-tab" style="height: 150px">
                                        <div class="tabtab">Instructions</div>
-                                       <ol>
-                                               <li>Click letter tiles to make a word (they have to touch).</li>
-                                               <li>Click the last letter tile again.</li>
-                                       </ol>
+                                       <div class="tabbody">
+                                               <div style="margin-left: 20px; text-indent: -20px"><strong>1.</strong> Click letter tiles to make a word (they have to touch).</div>
+                                               <div style="margin-left: 20px; text-indent: -20px"><strong>2.</strong> Click the last letter tile again.</div>
+                                       </div>
                                </div>
                                <div id="definition" class="tab" style="height: 20px">
                                        <div class="tabtab">Definition</div>
-                                       <div id="definition_body">When you make a word, a definition should appear here.</div>
+                                       <div id="definition_body" class="tabbody">
+                                               When you make a word, a definition should appear here.
+                                       </div>
                                </div>
 
                                <div id="logtab" class="tab" style="height: 20px">
                                        <div class="tabtab">log</div>
-                                       <div id="log">
+                                       <div id="log" class="tabbody">
                                                <div>&nbsp;</div>
                                                <div>&nbsp;</div>
                                                <div>&nbsp;</div>
@@ -62,10 +64,11 @@ cat style.css
 
                                <div id="restart" class="tab" style="height: 20px">
                                        <div class="tabtab">New Game</div>
+                                       <div class="tabbody">
+                                               <p class="warning">Warning: There's no undo! This will clear your score and reset the board.</p>
 
-                                       <p class="warning">Warning: There's no undo! This will clear your score and reset the board.</p>
-
-                                       <p><a id="start-over" href="#" class="button">New Game</a></p>
+                                               <p><a id="start-over" href="#" class="button">New Game</a></p>
+                                       </div>
                                </div>
                        </div>