css_for_header_docs_ok

public/style/chat.css

@@ -412,6 +412,29 @@ body {
     display: flex;
 }
 
+.signature-documents-header {
+    display: flex;
+    width: 100%;
+    height: 15%;
+    align-items: center;
+}
+
+#request-document-button {
+    background-color: var(--primary-color);
+    color: white;
+    border: none;
+    border-radius: 10px;
+    padding: 8px;
+    cursor: pointer;
+    margin-left: 5%;
+    font-weight: bold;
+}
+
+#request-document-button:hover {
+    background-color: var(--accent-color);
+    font-weight: bold;
+}
+
 #close-signature {
     cursor: pointer;
     align-items: center;

src/pages/chat/chat.ts

@@ -100,7 +100,13 @@ class ChatElement extends HTMLElement {
                             <h2>Description</h2>
                         </div>
                         <div class="signature-documents">
-                            <h2>Documents</h2>
+                            <div class="signature-documents-header">
+                                <h2>Documents</h2>
+                                <button id="request-document-button">New request</button>
+                            </div>
+                            <div class="signature-documents-list">
+                                <ul id="signature-documents-list"></ul>
+                            </div>
                         </div>
                     </div>
                 </div>