Help text.

diff --git a/src/tanks/ui/inventory/backpack.cjs b/src/tanks/ui/inventory/backpack.cjs
index e62271c..3bcea63 100644 (file)
--- a/src/tanks/ui/inventory/backpack.cjs
+++ b/src/tanks/ui/inventory/backpack.cjs
@@ -16,6 +16,7 @@ Layer.subclass('Backpack', {
         
         this.unit = unit;
         this.layer.attr('id', 'backpack');
+        this.layer.append('<h3>backpack</h3>');
         var inv = this.inventory = unit.inventory
         ,   bp  = inv.backpack
         ;

diff --git a/www/css/lttl.css b/www/css/lttl.css
index 2a30da3..d83d068 100644 (file)
--- a/www/css/lttl.css
+++ b/www/css/lttl.css
@@ -48,7 +48,8 @@ td { text-align:center; vertical-align:middle; }
 #game { position:absolute; width:100%; height:100%; margin:0; padding:0; }
 #viewport { position:relative; margin:1em auto; cursor:crosshair; width:auto; /* width:500px; height:500px;  overflow:hidden; top:50px; left:50px; */ }
     #viewport .layer.grid { outline:1px solid rgba(255,255,255,0.1); }
-#backpack { position:absolute; bottom:1em; right:1em; width:296px; height:222px; /* top:auto; left:auto; */ }
+#backpack { position:absolute; bottom:1em; right:1em; width:296px; height:246px; /* top:auto; left:auto; */ }
+    #backpack h3 { color:#fff; margin:0.25em; padding:0.5em 0; }
     #backpack .slot { float:left; position:relative; width:50px; height:50px; margin:0.25em; /* padding:0; top:auto; left:auto; */ }