From e8dcf295adfb8e1636b6bdd2c8beb25bd3d0553e Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Tue, 1 Sep 2020 09:46:33 +0200
Subject: [PATCH 1/4] Make outline button have a background

---
 .../note/templates/note/transaction_form.html |  2 +-
 note_kfet/static/css/custom.css               | 26 ++++++++++++++++---
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/apps/note/templates/note/transaction_form.html b/apps/note/templates/note/transaction_form.html
index 2925abdf..f6e1f8c0 100644
--- a/apps/note/templates/note/transaction_form.html
+++ b/apps/note/templates/note/transaction_form.html
@@ -9,7 +9,7 @@ SPDX-License-Identifier: GPL-2.0-or-later
 {# bandeau transfert/crédit/débit/activité #}
     <div class="row">
         <div class="col-xl-12">
-            <div class="btn-group btn-group-toggle bg-light" style="width: 100%" data-toggle="buttons">
+            <div class="btn-group btn-group-toggle btn-block" data-toggle="buttons">
                 <label for="type_transfer" class="btn btn-sm btn-outline-primary active">
                     <input type="radio" name="transaction_type" id="type_transfer">
                     {% trans "Transfer" %}
diff --git a/note_kfet/static/css/custom.css b/note_kfet/static/css/custom.css
index cfd42a86..5a23c251 100644
--- a/note_kfet/static/css/custom.css
+++ b/note_kfet/static/css/custom.css
@@ -5,18 +5,20 @@
 
 /* Opaque tooltip with white background */
 .tooltip.show {
-   opacity: 1;
+    opacity: 1;
 }
+
 .tooltip-inner {
     background-color: #fff;
-    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
-    border: 1px solid rgba(0,0,0,.250);
+    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
+    border: 1px solid rgba(0, 0, 0, .250);
     color: #000;
     margin: 0 .5rem .25rem .5rem;
     padding: 0;
 }
+
 .bs-tooltip-bottom .arrow::before {
-    border-bottom-color: rgba(0,0,0,.250);
+    border-bottom-color: rgba(0, 0, 0, .250);
 }
 
 /* Limit fluid container to a max size */
@@ -48,10 +50,26 @@ select.language {
 .bg-primary {
     background-color: rgb(0, 119, 139) !important;
 }
+
 html {
     scrollbar-color: rgba(121, 121, 123, 1) rgba(35, 35, 39, 1);
 }
+
 body {
     background-color: rgba(64, 64, 64, 1);
     background-image: url(../img/background-texture.png);
 }
+
+.btn-outline-primary:hover,
+.btn-outline-primary:not(:disabled):not(.disabled).active,
+.btn-outline-primary:not(:disabled):not(.disabled):active {
+    color: #fff;
+    background-color: rgb(0, 119, 139);
+    border-color: rgb(0, 119, 139);
+}
+
+.btn-outline-primary {
+    color: rgb(0, 119, 139);
+    background-color: rgba(248, 249, 250, 0.9);
+    border-color: rgb(0, 119, 139);
+}
\ No newline at end of file

From affa2b1a4d445564be672439536bf2e7def70512 Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Tue, 1 Sep 2020 09:52:45 +0200
Subject: [PATCH 2/4] Autocomplete of fixed size

---
 note_kfet/static/css/custom.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/note_kfet/static/css/custom.css b/note_kfet/static/css/custom.css
index 5a23c251..157dccf7 100644
--- a/note_kfet/static/css/custom.css
+++ b/note_kfet/static/css/custom.css
@@ -15,6 +15,7 @@
     color: #000;
     margin: 0 .5rem .25rem .5rem;
     padding: 0;
+    width: 200px;
 }
 
 .bs-tooltip-bottom .arrow::before {

From b787c8cfe25fc53b3a47f97bf71bbe56e45b3d75 Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Tue, 1 Sep 2020 09:56:19 +0200
Subject: [PATCH 3/4] Do not make long alias break layout

---
 apps/note/templates/note/conso_form.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/note/templates/note/conso_form.html b/apps/note/templates/note/conso_form.html
index b59bcd98..849aec52 100644
--- a/apps/note/templates/note/conso_form.html
+++ b/apps/note/templates/note/conso_form.html
@@ -19,7 +19,7 @@
                             <img src="/media/pic/default.png"
                                  id="profile_pic" alt="" class="card-img-top">
                         </a>
-                        <div class="card-body text-center">
+                        <div class="card-body text-center text-break">
                             <span id="user_note"></span>
                         </div>
                     </div>

From c1c211629dc0b2fef9a14d043f9632b7dbc02e91 Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Tue, 1 Sep 2020 10:02:22 +0200
Subject: [PATCH 4/4] Change loading bar color

---
 note_kfet/static/css/custom.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/note_kfet/static/css/custom.css b/note_kfet/static/css/custom.css
index 157dccf7..235baac9 100644
--- a/note_kfet/static/css/custom.css
+++ b/note_kfet/static/css/custom.css
@@ -73,4 +73,8 @@ body {
     color: rgb(0, 119, 139);
     background-color: rgba(248, 249, 250, 0.9);
     border-color: rgb(0, 119, 139);
+}
+
+.turbolinks-progress-bar {
+    background-color: #01D3FB;
 }
\ No newline at end of file