ciclos

commit cdedcd896edc3c57505a78a22a2a7f9c9dbefb72

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>