diff --git a/app/less/header.less b/app/less/header.less index 2f30123c..02e919d1 100755 --- a/app/less/header.less +++ b/app/less/header.less @@ -63,7 +63,7 @@ header { .menu-item-label { margin-left: 1em; - .medPhone({ + .largePhone({ display: none; }); } @@ -92,21 +92,41 @@ header { .tablet({ - a { + li, a { padding: 0.3em 0; } }); + } + .dbl { + -webkit-column-count: 2; /* Chrome, Safari, Opera */ + -moz-column-count: 2; /* Firefox */ + column-count: 2; + ul { + min-width: 10em; + } + .smallTablet({ + -webkit-column-count: 3; /* Chrome, Safari, Opera */ + -moz-column-count: 3; /* Firefox */ + column-count: 3; - &.dbl { + ul { + min-width: 20em; + } + }); + + .largePhone({ -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; - ul { - width: 10em; - } - } + }); + + .smallPhone({ + -webkit-column-count: 1; /* Chrome, Safari, Opera */ + -moz-column-count: 1; /* Firefox */ + column-count: 1; + }); } ul { diff --git a/app/views/_header.html b/app/views/_header.html index 162878b7..b7580acc 100755 --- a/app/views/_header.html +++ b/app/views/_header.html @@ -18,13 +18,15 @@
- diff --git a/app/views/modal-about.html b/app/views/modal-about.html index 962f8bfc..85b5c887 100755 --- a/app/views/modal-about.html +++ b/app/views/modal-about.html @@ -16,7 +16,7 @@ Any and all contributions and feedback are welcome. If you encounter any bugs please report them and provide as much detail as possible. -