diff --git a/dist/ratchet.css b/dist/ratchet.css
index 26b48b7..37de6a1 100644
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -94,7 +94,6 @@ video {
/* Prevents iOS text size adjust after orientation change, without disabling (Thanks to @necolas) */
html {
-webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
}
/* Base styles
@@ -158,7 +157,8 @@ a {
}
.bar-header-secondary ~ .content {
padding-top: 88px;
-}/* General bar styles
+}
+/* General bar styles
-------------------------------------------------- */
[class*="bar-"] {
@@ -431,7 +431,6 @@ a {
/* Remove usual bullet styles from list */
.list {
- margin-bottom: 10px;
list-style: none;
background-color: #fff;
}
@@ -439,7 +438,8 @@ a {
/* Pad each list item and add dividers */
.list li {
position: relative;
- padding: 11px 60px 11px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */
+ padding: 11px 60px 11px 0; /* Given extra right padding to accomodate counts, chevrons or buttons */
+ margin-left: 15px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
@@ -448,12 +448,17 @@ a {
border-top: 1px solid rgba(0, 0, 0, .1);
}
+/* Remove the border from the last list item*/
+.list li:last-child {
+ border-bottom: 0;
+}
+
/* If a list of links, make sure the child takes up full list item tap area (want to avoid selecting child buttons though) */
.list li > a:not([class*="button"]) {
position: relative;
display: block;
padding: inherit;
- margin: -11px -60px -11px -10px;
+ margin: -11px -60px -11px 0;
color: inherit;
}
@@ -486,6 +491,8 @@ a {
top: -1px;
padding-top: 6px;
padding-bottom: 6px;
+ padding-left: 15px;
+ margin-left: 0;
font-weight: bold;
line-height: 18px;
background-color: #f8f8f8;
diff --git a/lib/css/lists.css b/lib/css/lists.css
index f6d92ba..bbaf89e 100644
--- a/lib/css/lists.css
+++ b/lib/css/lists.css
@@ -3,7 +3,6 @@
/* Remove usual bullet styles from list */
.list {
- margin-bottom: 10px;
list-style: none;
background-color: #fff;
}
@@ -11,7 +10,8 @@
/* Pad each list item and add dividers */
.list li {
position: relative;
- padding: 11px 60px 11px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */
+ padding: 11px 60px 11px 0; /* Given extra right padding to accomodate counts, chevrons or buttons */
+ margin-left: 15px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
@@ -20,12 +20,17 @@
border-top: 1px solid rgba(0, 0, 0, .1);
}
+/* Remove the border from the last list item*/
+.list li:last-child {
+ border-bottom: 0;
+}
+
/* If a list of links, make sure the child takes up full list item tap area (want to avoid selecting child buttons though) */
.list li > a:not([class*="button"]) {
position: relative;
display: block;
padding: inherit;
- margin: -11px -60px -11px -10px;
+ margin: -11px -60px -11px 0;
color: inherit;
}
@@ -58,6 +63,8 @@
top: -1px;
padding-top: 6px;
padding-bottom: 6px;
+ padding-left: 15px;
+ margin-left: 0;
font-weight: bold;
line-height: 18px;
background-color: #f8f8f8;