fix display bug with narrower screens

This commit is contained in:
Emi Matchu 2014-04-02 19:25:51 -05:00
parent c20ac77fdd
commit 93a732e027
2 changed files with 52 additions and 50 deletions

View file

@ -254,7 +254,7 @@ body.outfits-edit
display: block display: block
#preview-search-basic > ul #preview-search-basic > ul
clear: both clear: both
#preview-search-basic > ul, #preview-search-advanced > div #preview-search-basic > ul, #preview-search-advanced-main
/* don't bounce the header around kthx */ /* don't bounce the header around kthx */
min-height: 180px min-height: 180px
#preview-search-advanced #preview-search-advanced
@ -269,10 +269,14 @@ body.outfits-edit
#preview-search-basic-link #preview-search-basic-link
font-size: 85% font-size: 85%
div #preview-search-advanced-main
padding-left: 2em
#preview-search-advanced-main > div
+inline-block +inline-block
box-sizing: border-box box-sizing: border-box
font-size: 87.5% font-size: 87.5%
padding-left: 24px
padding-top: .5em padding-top: .5em
vertical-align: top vertical-align: top
width: 32% width: 32%
@ -291,9 +295,6 @@ body.outfits-edit
list-style: none list-style: none
margin-left: -24px margin-left: -24px
div:first-of-type
margin-left: 2em
#preview-search-advanced-link #preview-search-advanced-link
font-size: 85% font-size: 85%
margin-right: 1em margin-right: 1em

View file

@ -115,6 +115,7 @@
-# TODO: remove search.examples -# TODO: remove search.examples
-# TODO: i18n -# TODO: i18n
-# TODO: hook up labels -# TODO: hook up labels
%div#preview-search-advanced-main
%div %div
%ul %ul
%li.text %li.text