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] 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