[IMP] accounting: cheat sheet styles

closes #13216

X-original-commit: c97f57e
Signed-off-by: Ruben Gomes (rugo) <[email protected]>
Signed-off-by: Samuel Lieber (sali) <[email protected]>

Author: samueljlieber

static/css/accounting.css

@@ -21,6 +21,7 @@ main.index .toctree-wrapper > .row:first-child > .col-md-3 {
 
 .related {
     background-color: hsl(317deg 16% 90%) !important;
+    border: 1px solid #000000 !important;
     transition: .3s;
 }
 .secondary {
@@ -46,13 +47,13 @@ label:hover,
 .accounts-table dl {
     margin: 0;
     padding: .5rem 0;
+    border: 1px solid transparent;
 }
 
 .accounts-table h4, .accounts-table h5 {
     font-weight: 700;
     text-transform: uppercase;
     padding: .5rem;
-
 }
 
 .accounts-table h4 {
@@ -61,11 +62,13 @@ label:hover,
 /* table root */
 .accounts-table > div {
     display: flex;
+    border: 1px solid transparent;
 }
 /* P&L & Balance Sheet columns */
 .accounts-table > div > div {
     flex: 1;
     padding: .5rem;
+    border: 1px solid transparent;
 }
 
 .accounts-table > div > div:first-child {
@@ -76,6 +79,7 @@ label:hover,
 .accounts-table > div > div div {
     display: flex;
     flex-direction: column;
+    border: 1px solid transparent;
 }
 
 .accounts-table > div > div div > h5 {
@@ -139,16 +143,19 @@ label:hover,
     .chart-of-accounts .highlight-op,
     .valuation-chart .highlight-op {
         background-color: #030035;
+        border-bottom: 1px solid #000000 !important;
     }
 
     .chart-of-accounts .highlight-op,
     .valuation-chart-continental .highlight-op {
         background-color: #030035;
+        border-bottom: 1px solid #000000 !important;
     }
 
     .chart-of-accounts .highlight-op,
     .valuation-chart-anglo-saxon .highlight-op {
         background-color: #030035;
+        border-bottom: 1px solid #000000 !important;
     }
 }
 .entries-listing {
@@ -173,20 +180,24 @@ label:hover,
         padding-top: 5px;
         padding-bottom: 5px;
         background-color: transparent;
+        border-bottom: 1px solid transparent;
     }
     60% {
         background-color: hsl(317deg 16% 90%);
+        border-bottom: 1px solid #000000;
     }
     80% {
         opacity: 1;
         padding-top: 5px;
         padding-bottom: 5px;
+        border-bottom: 1px solid #000000;
     }
     100% {
         opacity: 0;
         padding-top: 0;
         padding-bottom: 0;
         display: none;
+        border-bottom: 1px solid #000000;
     }
 }
 .reconcile1 .invoice1, .reconcile1 .invoice1 td {

static/js/reconciliation.js

@@ -49,7 +49,7 @@
         update_btn();
 
         function update_btn() {
-            var $reconcile = $('<button class="btn btn-success" type="button">')
+            var $reconcile = $('<button class="btn btn-secondary" type="button">')
                 .text("Next Reconcile")
                 .appendTo($buttons.empty())
             switch (state) {