diff --git a/app/less/header.less b/app/less/header.less index 27491eb3..23b2303f 100755 --- a/app/less/header.less +++ b/app/less/header.less @@ -79,6 +79,15 @@ header { -webkit-overflow-scrolling: touch; max-height: 400px; + .tablet({ + font-size: 1.1em; + max-height: 800px; + + a { + padding: 0.3em 0; + } + }); + &.dbl { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ diff --git a/app/less/outfit.less b/app/less/outfit.less index e459753c..948ac33d 100755 --- a/app/less/outfit.less +++ b/app/less/outfit.less @@ -7,6 +7,8 @@ .tablet({ width: 100%; + font-size: 1.2em; + max-width: 1600px; }); &>.list { @@ -21,6 +23,10 @@ } #overview { + .tablet({ + font-size: 0.9em; + }); + h1 { margin: 0; float: left; @@ -31,7 +37,8 @@ #summary { overflow-x: auto; width: 100%; - margin: 1em 0 2em 0; + margin: 1em 0 1em 0; + padding-bottom: 1em; #summaryTable { .user-select-none(); @@ -87,7 +94,7 @@ .outfit-button-label { margin-left: 0.5em; - .largePhone({ + .smallTablet({ display: none; }); } diff --git a/app/less/responsive.less b/app/less/responsive.less index cd22c0dd..49713627 100644 --- a/app/less/responsive.less +++ b/app/less/responsive.less @@ -21,6 +21,13 @@ } } +.smallTablet(@rules) { + @media only screen and /*(min-width: 641px) and */(max-width: 820px) { + @rules(); + } +} + + .tablet(@rules) { @media only screen and /*(min-width: 601px) and */(max-width: 1024px) { @rules(); diff --git a/app/views/page-outfit.html b/app/views/page-outfit.html index 3bcdbe50..c9a6964f 100755 --- a/app/views/page-outfit.html +++ b/app/views/page-outfit.html @@ -180,7 +180,7 @@ -