Make outline button have a background

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" %}

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