From 3da76e3ae8c0eb2857c1898e112a27a91faec200 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Wed, 26 Jul 2017 13:07:35 +0200
Subject: [PATCH] Update style for the todo app

---
 customize.dist/src/less/mixins.less         | 19 +++++++++++++++++++
 customize.dist/src/less/sidebar-layout.less | 20 +-------------------
 customize.dist/src/less/variables.less      |  4 ++++
 www/todo/todo.less                          | 14 ++++++++++++++
 4 files changed, 38 insertions(+), 19 deletions(-)

diff --git a/customize.dist/src/less/mixins.less b/customize.dist/src/less/mixins.less
index 0ef09dd36..68cca3cb4 100644
--- a/customize.dist/src/less/mixins.less
+++ b/customize.dist/src/less/mixins.less
@@ -191,3 +191,22 @@
         }
     }
 }
+
+.sidebarButton {
+    button.btn {
+        background-color: @button-bg;
+        border-color: darken(@button-bg, 10%);
+        color: white;
+        &:hover {
+            background-color: darken(@button-bg, 10%);
+        }
+        &.btn-danger {
+            background-color: @button-red-bg;
+            border-color: darken(@button-red-bg, 10%);
+            color: white;
+            &:hover {
+                background-color: darken(@button-red-bg, 10%);
+            }
+        }
+    }
+}
diff --git a/customize.dist/src/less/sidebar-layout.less b/customize.dist/src/less/sidebar-layout.less
index 02126b169..d16d9c019 100644
--- a/customize.dist/src/less/sidebar-layout.less
+++ b/customize.dist/src/less/sidebar-layout.less
@@ -7,9 +7,6 @@
 @description-color: #777;
 
 @button-width: 400px;
-@button-bg: #3066e5;
-@button-alt-bg: #fff;
-@button-red-bg: #e54e4e;
 
 
 .cp {
@@ -72,25 +69,10 @@
                     border-left: 0px;
                 }
             }
-            button.btn {
-                background-color: @button-bg;
-                border-color: darken(@button-bg, 10%);
-                color: white;
-                &:hover {
-                    background-color: darken(@button-bg, 10%);
-                }
-                &.btn-danger {
-                    background-color: @button-red-bg;
-                    border-color: darken(@button-red-bg, 10%);
-                    color: white;
-                    &:hover {
-                        background-color: darken(@button-red-bg, 10%);
-                    }
-                }
-            }
             &>div {
                 margin: 10px 0;
             }
+            .sidebarButton;
         }
     }
 }
diff --git a/customize.dist/src/less/variables.less b/customize.dist/src/less/variables.less
index 1e3d6f869..5e089d7f7 100644
--- a/customize.dist/src/less/variables.less
+++ b/customize.dist/src/less/variables.less
@@ -128,6 +128,10 @@
 
 @category-bg: #f4f4f4;
 
+@button-bg: #3066e5;
+@button-alt-bg: #fff;
+@button-red-bg: #e54e4e;
+
 .unselectable () {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
diff --git a/www/todo/todo.less b/www/todo/todo.less
index 22bb7f165..b4d885bbc 100644
--- a/www/todo/todo.less
+++ b/www/todo/todo.less
@@ -53,6 +53,20 @@ body {
     #newTodoName {
         flex: 1;
         margin-right: 15px;
+        border-radius: 0;
+        border: 0;
+        background-color: darken(@toolbar-todo-bg, 10%);
+        color: #fff;
+        padding: 5px 10px;
+    }
+
+    button {
+        border-radius: 0;
+        background-color: darken(@toolbar-todo-bg, 20%);
+        border:0;
+        &:hover {
+            background-color: darken(@toolbar-todo-bg, 25%);
+        }
     }
 }