From efe1f3b818898c33e0e2d6fb42e6267c509f691a Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Thu, 7 Jun 2018 17:20:07 +0200
Subject: Cleaner collapsed forms

---
 scss/custom.scss | 39 ++++++++++++++++++++++++++++++++++++---
 1 file changed, 36 insertions(+), 3 deletions(-)

(limited to 'scss/custom.scss')

diff --git a/scss/custom.scss b/scss/custom.scss
index 2291e005d..f92499ee7 100644
--- a/scss/custom.scss
+++ b/scss/custom.scss
@@ -204,13 +204,46 @@ textarea {
     padding-left: 0.1em;
 }
 
-.form h4, .form h3,
-#window h3{
+.form h4, .form h3, .collapse-form .card-header, #window h3{
     background-color: $gray-400;
 }
 
+.collapse-form .card,
+.collapse-form .card-header{
+    border-radius: 0;
+    border: 0 solid;
+}
+
+.collapse-form .card-header{
+    padding: 0;
+    text-align: center;
+}
+
+.collapse-form .card-header h4{
+    margin-bottom: 0;
+}
+
+.collapse-form .card-header .btn.btn-link{
+    color: #212529;
+    width: 100%;
+}
+
+.collapse-form .card-body{
+    border: 1px solid $gray-400;
+}
+
+.collapse-form .fa-expand,
+.collapse-form .collapsed .fa-compress{
+    display: none;
+}
+
+.collapse-form .collapsed .fa-expand,
+.collapse-form .fa-compress{
+    display: inline-block;
+}
+
 .clean-table h4,
-.form h4, .form h3,
+.form h4, .form h3, .collapse-form .card-header h4 .btn,
 .sheet h4, .sheet h3, .sheet h2{
     text-align: center;
     text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.70);
-- 
cgit v1.2.3