diff --git a/dist/android-theme.css b/dist/android-theme.css index 012e404..7a43669 100644 --- a/dist/android-theme.css +++ b/dist/android-theme.css @@ -201,7 +201,8 @@ a:active { padding-bottom: 9px; } .bar .btn-link { - padding: 0; + padding-top: 0; + padding-bottom: 0; color: #33b5e5; font-size: 18px; line-height: 49px; @@ -209,6 +210,14 @@ a:active { .bar .btn-link:active, .bar .btn-link.active { color: #1a9bcb; } +.bar .btn-link.pull-left { + padding-left: 12px; + padding-right: 0; +} +.bar .btn-link.pull-right { + padding-left: 0; + padding-right: 12px; +} .bar-nav .btn { margin-top: 7px; diff --git a/dist/ratchet.css b/dist/ratchet.css index f944f58..2f1df19 100644 --- a/dist/ratchet.css +++ b/dist/ratchet.css @@ -586,15 +586,15 @@ input[type="button"] { margin-left: -10px; } .bar-nav .btn-link.pull-left .icon { - margin-right: -4px; - margin-left: -4px; + margin-right: -5px; + margin-left: -7px; } .bar-nav .btn-link.pull-right { margin-right: -10px; } .bar-nav .btn-link.pull-right .icon { - margin-right: -4px; - margin-left: -4px; + margin-right: -7px; + margin-left: -5px; } .bar .btn-block { @@ -621,8 +621,8 @@ input[type="button"] { font-size: 24px; } .bar > .icon { - padding-right: 8px; - padding-left: 8px; + padding-right: 5px; + padding-left: 5px; } .bar > .icon.pull-left { margin-left: -10px; diff --git a/docs-assets/css/docs.css b/docs-assets/css/docs.css index 1898d8b..c330d5a 100644 --- a/docs-assets/css/docs.css +++ b/docs-assets/css/docs.css @@ -1378,7 +1378,8 @@ hr { padding-bottom: 9px; } .platform-android .bar .btn-link { - padding: 0; + padding-top: 0; + padding-bottom: 0; color: #33b5e5; font-size: 18px; line-height: 49px; @@ -1386,6 +1387,14 @@ hr { .platform-android .bar .btn-link:active, .platform-android .bar .btn-link.active { color: #1a9bcb; } +.platform-android .bar .btn-link.pull-left { + padding-left: 12px; + padding-right: 0; +} +.platform-android .bar .btn-link.pull-right { + padding-left: 0; + padding-right: 12px; +} .platform-android .bar-nav .btn { margin-top: 7px; } diff --git a/lib/sass/bars.scss b/lib/sass/bars.scss index 861fd5b..db1d58e 100644 --- a/lib/sass/bars.scss +++ b/lib/sass/bars.scss @@ -162,16 +162,16 @@ margin-left: -10px; .icon { - margin-right: -4px; - margin-left: -4px; + margin-right: -5px; + margin-left: -7px; } } &.pull-right { margin-right: -10px; .icon { - margin-right: -4px; - margin-left: -4px; + margin-right: -7px; + margin-left: -5px; } } } @@ -220,8 +220,8 @@ font-size: 24px; } > .icon { - padding-right: 8px; - padding-left: 8px; + padding-right: 5px; + padding-left: 5px; // Offset the bar's side padding &.pull-left { diff --git a/lib/sass/theme-android.scss b/lib/sass/theme-android.scss index 72fbbdf..0302253 100644 --- a/lib/sass/theme-android.scss +++ b/lib/sass/theme-android.scss @@ -291,7 +291,8 @@ a { padding-bottom: 9px; } .btn-link { - padding: 0; + padding-top: 0; + padding-bottom: 0; color: $primary-color; font-size: $font-size-default; line-height: 49px; @@ -300,6 +301,16 @@ a { &.active { color: darken($primary-color, 10%); } + + // Offset the bar's side padding + &.pull-left { + padding-left: 12px; + padding-right: 0; + } + &.pull-right { + padding-left: 0; + padding-right: 12px; + } } }