Icon-only buttons and rightside button groups

scss/ionic/structure/_bar.scss

@@ -49,8 +49,10 @@
 
   .button {
     @include box-flex(0);
+    background-color: transparent;
     line-height: $barButtonLineHeight;
     font-size: 12px;
+    padding: 4px 12px;
   }
 
   .button-bar {
@@ -64,7 +66,8 @@
   // Place the last button in a bar on the right of the bar
   .title + .button:last-child,
   > .button + .button:last-child,
-  > .button.pull-right {
+  > .button.pull-right,
+  .title + .buttons {
     position: absolute;
     top: 5px;
     right: 5px;

scss/ionic/structure/_button-group.scss

@@ -93,3 +93,13 @@
     border-right-width: 1px;
   }
 }
+
+// Buttons are used to group a set of buttons, useful
+// to pull a set of buttons to the right side of a header
+// bar, for example.
+.buttons {
+  display: -webkit-box;
+  display: box;
+  @include box-flex(1);
+  @include box-orient(horizontal);
+}

scss/ionic/structure/_button.scss

@@ -6,6 +6,11 @@
 	cursor: pointer;
   margin: 0;
 
+  &.button-icon {
+    background: none;
+    border: none;
+  }
+
   &.button-block {
     margin: $buttonBlockMargin;
     display: block;