diff --git a/.gitignore b/.gitignore
index a0990bd..58560ac 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,3 @@
 /kdmvenv
+*.pyc
+/.idea
diff --git a/static/javascript/kdm.js b/static/javascript/kdm.js
index 6503f7b..8363347 100644
--- a/static/javascript/kdm.js
+++ b/static/javascript/kdm.js
@@ -53,6 +53,24 @@
         $rootScope.deletetab = function(tabid) {
             deleteTab($rootScope, tabid);
         }
+
+        $rootScope.inc = function(item, name="value") {
+            if(item[name] === undefined) {
+                item[name] = 0
+            }else if(typeof item[name] === "string") {
+                item[name] = Number(item[name])
+            }
+            item[name] += 1;
+        }
+
+        $rootScope.dec = function(item, name="value") {
+            if(item[name] === undefined) {
+                item[name] = 0
+            }else if(typeof item[name] === "string") {
+                item[name] = Number(item[name])
+            }
+            item[name] -= 1;
+        }
         
         $rootScope.tabs = [];
         
diff --git a/static/templates/char/armour.html b/static/templates/char/armour.html
index c7b81cd..0f54389 100644
--- a/static/templates/char/armour.html
+++ b/static/templates/char/armour.html
@@ -1,13 +1,15 @@
 <div class="row element" ng-repeat="area in kdm.armour">
   <div class="col-xs-12">
     <div class="row fill-vertical">
-      <div class="col-xs-2">
+      <div class="col-xs-3">
         <div class="sheild">
+        <button type="button" class="btn btn-default btn-xs" ng-click="dec(area)">&lt;</button>
           <input type="text" size="3" placeholder="0" ng-model="area.value" maxlength="2" size="2">
+          <button type="button" class="btn btn-default btn-xs" ng-click="inc(area)">&gt;</button>
         </div>
       </div>
 
-      <div class="col-xs-8">
+      <div class="col-xs-7">
         <div class="row">
           <div class="col-xs-12">
           <img src="static/images/{{area.name | lowercase}}.svg" width="20" height="20">
diff --git a/static/templates/char/attributes.html b/static/templates/char/attributes.html
index 3f8b35f..66391d7 100644
--- a/static/templates/char/attributes.html
+++ b/static/templates/char/attributes.html
@@ -2,7 +2,9 @@
   <div class="col-xs-2" ng-repeat="attr in kdm.attrs" style="padding: 5px" ng-class="{attr:!$first}">
     <div class="row">
       <div class="col-xs-12 align-centre">
+        <button type="button" class="btn btn-default btn-xs" ng-click="dec(attr)">&lt;</button>
         <input type="text" size="2" ng-model="attr.value">
+        <button type="button" class="btn btn-default btn-xs" ng-click="inc(attr)">&gt;</button>
       </div>
     </div>
     <div class="row">
diff --git a/static/templates/char/brain.html b/static/templates/char/brain.html
index 2d03488..2c43660 100644
--- a/static/templates/char/brain.html
+++ b/static/templates/char/brain.html
@@ -1,9 +1,11 @@
 <div class="row bordered element" style="padding: 0px;">
-  <div class="col-xs-2">
+  <div class="col-xs-3">
     <div class="row">
       <div class="col-xs-12 align-centre">
         <br />
+        <button type="button" class="btn btn-default btn-xs" ng-click="dec(kdm.brain)">&lt;</button>
         <input type="text" size="2" placeholder="0" ng-model="kdm.brain.value">
+        <button type="button" class="btn btn-default btn-xs" ng-click="inc(kdm.brain)">&gt;</button>
       </div>
     </div>
     <div class="row">
@@ -13,7 +15,7 @@
     </div>
   </div>
   
-  <div class="col-xs-9"  style="border-left: 1px solid black; padding: 5px">
+  <div class="col-xs-8"  style="border-left: 1px solid black; padding: 5px">
     <div class="row">
       <div class="col-xs-12">
         <big><strong>Brain</strong></big>
diff --git a/static/templates/char/survival.html b/static/templates/char/survival.html
index 08f9e8c..291d9e0 100644
--- a/static/templates/char/survival.html
+++ b/static/templates/char/survival.html
@@ -1,10 +1,12 @@
 <div class="row bordered element">
-  <div class="col-xs-2" >
+  <div class="col-xs-3" >
     <br />
+    <button type="button" class="btn btn-default btn-xs" ng-click="dec(kdm.survival)">&lt;</button>
     <input type="text" size="3" placeholder="0"  ng-model="kdm.survival.value" class="survival">
+    <button type="button" class="btn btn-default btn-xs" ng-click="inc(kdm.survival)">&gt;</button>
   </div>
   
-  <div class="col-xs-7">
+  <div class="col-xs-5">
     <div class="row">
       <div class="col-xs-12">
         <big><strong>Survival</strong></big>
@@ -21,7 +23,7 @@
     </div>
   </div>
   
-  <div class="col-xs-3">
+  <div class="col-xs-4">
     <div class="row">
       <div class="col-xs-12">
         <img class="filled-square" src="static/images/filled-square.svg" width="10" height="10">
diff --git a/static/templates/settlement/name.html b/static/templates/settlement/name.html
index cefb4a1..01adc19 100644
--- a/static/templates/settlement/name.html
+++ b/static/templates/settlement/name.html
@@ -1,6 +1,8 @@
 <div class="row element">
    <div class="col-xs-4">
+   <button type="button" class="btn btn-default btn-xs" ng-click="dec(kdm.name, 'limit')">&lt;</button>
     <input type="text" size="3" placeholder="0"  ng-model="kdm.name.limit"> <big>Survival Limit</big>
+    <button type="button" class="btn btn-default btn-xs" ng-click="inc(kdm.name, 'limit')">&gt;</button>
    </div>
    <div class="col-xs-8">
     <div class="row">
diff --git a/static/templates/settlement/population.html b/static/templates/settlement/population.html
index 52b25f5..0f81a16 100644
--- a/static/templates/settlement/population.html
+++ b/static/templates/settlement/population.html
@@ -1,6 +1,8 @@
 <div class="row">
-    <div class="col-xs-1 col-md-1">
+    <div class="col-xs-2 col-md-2">
+        <button type="button" class="btn btn-default btn-xs" ng-click="dec(kdm.population)">&lt;</button>
         <input type="text" size="3" placeholder="0"  ng-model="kdm.population.value">
+        <button type="button" class="btn btn-default btn-xs" ng-click="inc(kdm.population)">&gt;</button>
     </div>
     <div class="col-xs-2 col-md-2">
         <div class="row">