diff --git a/dist/ionic.css b/dist/ionic.css
index 2532b8eccf..0effcc7940 100644
--- a/dist/ionic.css
+++ b/dist/ionic.css
@@ -374,7 +374,8 @@ body {
   position: fixed;
   overflow: auto;
   right: 0;
-  left: 0; }
+  left: 0;
+  bottom: 0; }
 
 /* Hack to force all relatively and absolutely positioned elements still render while scrolling
    Note: This is a bug for "-webkit-overflow-scrolling: touch" (via ratchet) */
@@ -508,8 +509,9 @@ a {
   cursor: pointer;
   margin: 0; }
   .button.button-block {
-    margin: 0 0 10px 0;
-    display: block; }
+    margin: 10px 0 10px 0;
+    display: block;
+    width: 100%; }
 
 .button-group {
   position: relative;
@@ -1977,7 +1979,8 @@ main {
   border-radius: 2px;
   border-width: 1px;
   border-style: solid;
-  padding: 4px 12px; }
+  padding: 12px 12px;
+  font-size: 16px; }
   .button.button-default {
     color: #333333;
     background-color: white;
diff --git a/example/login/bg-ex.jpg b/example/login/bg-ex.jpg
new file mode 100644
index 0000000000..f064804af4
Binary files /dev/null and b/example/login/bg-ex.jpg differ
diff --git a/example/login/index.html b/example/login/index.html
new file mode 100644
index 0000000000..6828761cbf
--- /dev/null
+++ b/example/login/index.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link rel="stylesheet" href="../../dist/ionic.css">
+    <style>
+      body {
+        background: url('bg-ex.jpg') no-repeat transparent;
+        background-size: cover;
+      }
+      .content {
+        background-color: transparent;
+      }
+      label {
+        background-color: rgba(255, 255, 255, 0.6);
+      }
+      input {
+        background-color: transparent !important;
+      }
+      #login {
+        position: fixed;
+        bottom: 10px;
+        z-index: 4;
+        width: auto;
+        left: 10px;
+        right: 10px;
+      }
+    </style>
+  </head>	
+  <body>
+    <section>
+
+      <header class="bar bar-header bar-danger">
+        <h1 class="title">Sign up for your account</h1>
+      </header>
+      <main class="content content-padded has-header">
+        <form class="form-horizontal">
+          <label class="input-wrapper row-fluid">
+            <span class="input-label span3">Full name</span>
+            <input class="span9" type="text" placeholder="">
+          </label>
+          <label class="input-wrapper row-fluid">
+            <span class="input-label span3">Email</span>
+            <input class="span9" type="email" placeholder="">
+          </label>
+          <label class="input-wrapper row-fluid">
+            <span class="input-label span3">Password</span>
+            <input class="span9" type="password" placeholder="">
+          </label>
+          <button class="button button-info button-block">Sign up</button>
+        </form>
+        <button id="login" class="button button-default button-block">Log in</button>
+      </main>
+    </section>
+
+  </body>
+</html>
\ No newline at end of file
diff --git a/scss/ionic/_theme-variables.scss b/scss/ionic/_theme-variables.scss
index 90f4dc95de..81b33e3f1f 100644
--- a/scss/ionic/_theme-variables.scss
+++ b/scss/ionic/_theme-variables.scss
@@ -65,13 +65,14 @@ $darkColor:             #333;
 // Buttons
 // -------------------------------
 $buttonColor:           #222;
-$buttonPadding:         4px 12px;
+$buttonPadding:         12px 12px;
 $buttonClearPadding:    10px 0px;
 $buttonBorderRadius:    2px;
 $buttonBorderWidth:     1px;
+$buttonFontSize:        16px;
 
 // Button block that has spacing
-$buttonBlockMargin: 0 0 10px 0;
+$buttonBlockMargin: 10px 0 10px 0;
 
 $buttonDefaultBackground:        #fff;
 $buttonDefaultBackgroundActive:  #eee;
diff --git a/scss/ionic/structure/_base.scss b/scss/ionic/structure/_base.scss
index 3dc46f22da..137942bd8e 100644
--- a/scss/ionic/structure/_base.scss
+++ b/scss/ionic/structure/_base.scss
@@ -36,6 +36,7 @@ body {
   overflow: auto; 
   right: 0;
   left: 0;
+  bottom: 0;
 }
 /* Hack to force all relatively and absolutely positioned elements still render while scrolling
    Note: This is a bug for "-webkit-overflow-scrolling: touch" (via ratchet) */
diff --git a/scss/ionic/structure/_button.scss b/scss/ionic/structure/_button.scss
index 3d285ddb88..8a4f90bac7 100644
--- a/scss/ionic/structure/_button.scss
+++ b/scss/ionic/structure/_button.scss
@@ -9,5 +9,6 @@
   &.button-block {
     margin: $buttonBlockMargin;
     display: block;
+    width: 100%;
   }
 }
diff --git a/scss/ionic/theme/_button.scss b/scss/ionic/theme/_button.scss
index b3f6ca55ed..33317d68ec 100644
--- a/scss/ionic/theme/_button.scss
+++ b/scss/ionic/theme/_button.scss
@@ -4,6 +4,7 @@
   border-width: $buttonBorderWidth;
   border-style: solid;
 	padding: $buttonPadding;
+  font-size: $buttonFontSize;
 
   &.button-default {
     @include button-style($buttonDefaultBackground, $buttonDefaultBorder, $darkColor);
