diff options
| author | Louise Crow <louise.crow@gmail.com> | 2014-04-09 15:27:47 +0100 |
|---|---|---|
| committer | Louise Crow <louise.crow@gmail.com> | 2014-04-24 15:38:16 +0100 |
| commit | 21ece0a9170c61fc6a8a2ff006c475189901f321 (patch) | |
| tree | 733a125331dbbdd242d26d373c7ce76cbe73a8f2 | |
| parent | b4cc5c3e285879a1f8b18e8472279bd5432aece6 (diff) | |
Padding for menu and logo in smaller layouts
| -rw-r--r-- | app/assets/stylesheets/responsive/_header_layout.scss | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/app/assets/stylesheets/responsive/_header_layout.scss b/app/assets/stylesheets/responsive/_header_layout.scss index 996815f3a..404b31a9b 100644 --- a/app/assets/stylesheets/responsive/_header_layout.scss +++ b/app/assets/stylesheets/responsive/_header_layout.scss @@ -16,6 +16,7 @@ // …and show a button to reveal them .rsp_menu_button{ @include grid-column(4); + padding: 1em 1em 0 1em; float: right; a { text-align: right; @@ -31,8 +32,11 @@ // Squeeze the logo up on small screens to make room for the button #logo_wrapper{ @include grid-column(4); - margin-bottom: 1em; - padding: 1em; + padding: 1em 1em 0 1em; + @media( min-width: $main_menu-mobile_menu_cutoff ){ + padding: 1em; + margin-bottom: 1em; + } } &:target{ |