From 821739ce1e325f4844271e0e38519642be9db74f Mon Sep 17 00:00:00 2001
From: hydrogen2oxygen <luxuspeter@googlemail.com>
Date: Sun, 19 Nov 2023 14:40:51 +0100
Subject: [PATCH] Protocol inside collapse div

---
 .../territories/territories.component.html        | 15 +++++++++++----
 .../territories/territories.component.scss        |  4 ++++
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/server/src/main/ui2/src/app/components/territories/territories.component.html b/server/src/main/ui2/src/app/components/territories/territories.component.html
index 5dbe81e..1f70ec1 100644
--- a/server/src/main/ui2/src/app/components/territories/territories.component.html
+++ b/server/src/main/ui2/src/app/components/territories/territories.component.html
@@ -128,10 +128,17 @@ <h4 class="collapseHeader" data-bs-toggle="collapse" href="#sorted" role="button
 <button *ngIf="congregation.counterFtpUploadFailed > 0" class="btn btn-sm btn-danger" style="margin-left: 0.5rem; font-weight: bolder" (click)="repairFtpUploads()">REPAIR FTP UPLOADS <i class="bi bi-cloud-slash" style="margin-left: 0.25rem"></i> {{congregation.counterFtpUploadFailed}} failed uploads</button>
 <button *ngIf="congregation.territoriesOlder8Months.length > 0" class="btn btn-sm btn-warning" style="margin-left: 0.5rem; font-weight: bolder" (click)="copyOlderThan12MonthsMessage()">OLDER THAN 12 MONTHS MESSAGE</button>
 <hr>
-<h3>Protocol:</h3>
-<ul>
-  <li *ngFor="let p of congregation.protocol.reverse()"><span class="badge text-bg-dark">{{p}}</span></li>
-</ul>
+<div class="collapseContainer collapseProtocol">
+  <h4 class="collapseHeader" data-bs-toggle="collapse" href="#protocol" role="button" aria-expanded="false" aria-controls="protocol">
+    PROTOCOL
+  </h4>
+  <div class="collapse" id="protocol">
+    <ul>
+      <li *ngFor="let p of congregation.protocol.reverse()"><span class="badge text-bg-dark">{{p}}</span></li>
+    </ul>
+  </div>
+</div>
+
 
 
 <!-- Modal -->
diff --git a/server/src/main/ui2/src/app/components/territories/territories.component.scss b/server/src/main/ui2/src/app/components/territories/territories.component.scss
index eec2b6f..5d885f4 100644
--- a/server/src/main/ui2/src/app/components/territories/territories.component.scss
+++ b/server/src/main/ui2/src/app/components/territories/territories.component.scss
@@ -28,6 +28,10 @@
   background-color: #323232;
 }
 
+.collapseProtocol {
+  background-color: #000000;
+}
+
 .collapseHeader {
   color: white!important;
 }