diff --git a/styles/app/responsive.styl b/styles/app/responsive.styl index d79c8dc14e..c7200751f8 100644 --- a/styles/app/responsive.styl +++ b/styles/app/responsive.styl @@ -1,3 +1,33 @@ +// widths +.full + width: 100%; +.half + width: 50%; +.third + width: 33.3333%; +.two-thirds + width: 66.6666%; +.quarter + width: 25%; +.three-quarters + width: 75%; +.fifth + width: 20%; +.two-fifths + width: 40%; +.three-fifths + width: 60%; +.four-fifths + width: 80%; +.sixth + width: 16.6667%; +.eighth + width: 12.5%; +.tenth + width: 10%; +.twelfth + width: 8.3333%; + .grid padding: 0 1.5em 1.5em 0 letter-spacing: -4px diff --git a/styles/app/tasks.styl b/styles/app/tasks.styl index d02012c28c..b27ff34d90 100644 --- a/styles/app/tasks.styl +++ b/styles/app/tasks.styl @@ -300,13 +300,20 @@ for $stage in $stages box-shadow: none border-radius: 0 font-family: 'Lato', sans-serif //bootstrap override - + textarea.option-content height: 5em padding-top: 0.25em resize: none margin-bottom: 0 +.option-pricer + .option-content + width: 20% + display: inline-block + .money [class^="shop_"] + vertical-align: 0 + // button-group .task-controls.tile-group display: block diff --git a/views/app/tasks.html b/views/app/tasks.html index d5cd9525b1..3ecf9e8a2b 100644 --- a/views/app/tasks.html +++ b/views/app/tasks.html @@ -237,12 +237,12 @@ {else if equal(:task.type, 'reward')} -
- -
- Gold -
-
+
+ Price + +
+
+ {else if equal(:task.type, 'todo')}