Skip to content
Snippets Groups Projects
Commit 4a248e59 authored by Maz Ameli's avatar Maz Ameli
Browse files

tweak spacing and text, fix sql img

parent 830ffcc2
No related branches found
No related tags found
No related merge requests found
......@@ -19,7 +19,7 @@ export default class NewQueryOption extends Component {
return (
<div
className="bg-white p1 align-center bordered rounded cursor-pointer transition-all text-centered text-brand-light"
className="bg-white p3 align-center bordered rounded cursor-pointer transition-all text-centered text-brand-light"
style={{
boxShadow: hover ? "0 3px 8px 0 rgba(220,220,220,0.50)" : "0 1px 3px 0 rgba(220,220,220,0.50)",
height: "310px"
......
......@@ -97,7 +97,7 @@ export class NewQuery extends Component {
}
return (
<div className="flex-full full ml-auto mr-auto pl1 pr1 mt2 mb2 align-center"
<div className="flex-full full ml-auto mr-auto px1 mt4 mb2 align-center"
style={{maxWidth: "800px"}}>
<ol className="flex-full Grid Grid--guttersXl Grid--full small-Grid--1of2">
......@@ -121,16 +121,16 @@ export class NewQuery extends Component {
{/*TODO: Move illustrations to the new location in file hierarchy. At the same time put an end to the equal-size-@2x ridicule. */}
<NewQueryOption
image="/app/img/custom_question"
title="Custom"
description="Use the simple query builder to create your own new custom question."
title="New question"
description="Use the simple query builder to see trends, lists of things, or to create your own metrics."
onClick={this.startGuiQuery}
/>
</li>
<li className="Grid-cell">
<NewQueryOption
image="/app/img/sql_illustration"
image="/app/img/sql_illustration@2x"
title="SQL"
description="Use SQL or other native languages for data prep or manipulation."
description="For more complicated questions, you can write your own SQL."
onClick={this.startNativeQuery}
/>
</li>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment