Author: Pedro Lucas Porcellis <pedrolucasporcellis@gmail.com>
Add some color to the buttons and make it more pretty
src/static/stylesheet.css | 42 +++++++++++++++++++++++++++++++++++++--- src/templates/cycle.html | 4 +-
diff --git a/src/static/stylesheet.css b/src/static/stylesheet.css index ca5bbd90a80c104f3afc78a725e77fe2bf4c40e3..80b1602b50195bffbeab0fd7ff9a29459d60c05e 100644 --- a/src/static/stylesheet.css +++ b/src/static/stylesheet.css @@ -132,11 +132,36 @@ margin-top: 5px; } .btn { - border: none; - line-height: 1em; - background: #21409a; + padding: 0.5rem 1em; + border: 1px solid #999; + background-color: #E6E6E6; + text-decoration: none; + border-radius: 2px; +} + +.btn:focus { + outline: 0; +} + +button.btn-secondary, +a.btn-secondary { + background-color: #a0a0a0; + color: rgba(35, 35, 35, 1); +} + +button.btn-secondary:hover { + background-color: #6c7b95; color: #fff; - line-height: 40px; +} + +button.btn-primary { + background-color: #6c7b95; + color: #fff; +} + +button.btn-primary:hover { + background-color: #a0a0a0; + color: rgba(35, 35, 35, 1); } a.btn { @@ -243,3 +268,12 @@ .box .box-header { border-bottom: 1px solid #ddd; } + +.f-left, float-left { + float: left; +} + +.f-right, float-right { + float: right; +} + diff --git a/src/templates/cycle.html b/src/templates/cycle.html index 4c02cf64603112d3861ca62b234b2e3e32a8eb9a..3503356f190fa069893922720f5c15adc1dab657 100644 --- a/src/templates/cycle.html +++ b/src/templates/cycle.html @@ -68,11 +68,11 @@ TODO: There's gotta a simpler way to this. Instead of having two actions we could have only one. If you added something to your order, you already confirmed it #} - <button type="submit" class="btn" {{ "disabled" if current_order.status.value == 'confirmed' }} name="confirm" rel="button"> + <button type="submit" class="btn btn-primary f-right" {{ "disabled" if current_order.status.value == 'confirmed' }} name="confirm" rel="button"> Fechar pedido </button> {% if current_order.status.value == 'draft' %} - <button type="submit" name="draft" rel="button" class="btn">Adicionar a cesta os produtos selecionados</button> + <button type="submit" name="draft" rel="button" class="btn btn-secondary">Adicionar a cesta os produtos selecionados</button> {% endif %} <a class=" destructive" href="{{url_for('orders.cancel', id = current_order.id)}}">Cancelar Pedido</a>