List view and dividers

scss/framework/structure/_bar.scss

@@ -73,3 +73,11 @@
 }
 
 
+/* Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab.
+   Note: For these to work, content must come after both bars in the markup */
+.bar ~ .content {
+  top: $barHeight;
+}
+.bar ~ .content {
+  bottom: 51px;
+}

scss/framework/structure/_base.scss

@@ -19,6 +19,8 @@ a {
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
+ul { margin: 0; padding: 0; }
+
 .content {
 	position: fixed;
   top: 0;
@@ -37,12 +39,3 @@ a {
   -webkit-transform: translateZ(0px);
           transform: translateZ(0px);
 }
-
-/* Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab.
-   Note: For these to work, content must come after both bars in the markup */
-.bar ~ .content {
-  top: 44px;
-}
-.bar ~ .content {
-  bottom: 51px;
-}

scss/framework/structure/_listview.scss

@@ -31,7 +31,8 @@
     float: right;
   }
 
-  > i {
+  // Align icons to the right
+  > i:last-child {
     float: right;
   }
 
@@ -76,6 +77,10 @@ a.list-item {
   }
 }
 
+.list-divider {
+  padding: 5px 15px;
+}
+
 // Custom content options
 // -------------------------
 
@@ -86,4 +91,4 @@ a.list-item {
 .list-item-text {
   margin-bottom: 0;
   line-height: 1.3;
-}
+}

scss/framework/theme/default/_listview.scss

@@ -0,0 +1,5 @@
+.list-divider {
+  background-color: $listDividerBackground;
+  color: $listDividerColor;
+  font-weight: bold;
+}

scss/framework/theme/default/_variables.scss

@@ -23,4 +23,11 @@ $barDefaultBackground: #fff;
 $barDefaultBorderBottom: 1px solid #ddd;
 
 $barSecondaryBackground: #f5f5f5;
-$barSecondaryBorderBottom: 1px solid #ccc;
+$barSecondaryBorderBottom: 1px solid #ccc;
+
+//
+// Lists
+$listDividerBackground: #f5f5f5;
+$listDividerColor: #222;
+
+