Cleaner collapsed forms

1 files changed, 36 insertions, 3 deletions

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);