Made reports page

Updated wording
Modified main banner

static/css/main.css

@@ -73,7 +73,7 @@ h1, h2, h3, h4, h5{
   margin-top: var(--top-bar);
 }
 /* Screens */
-[data-screen="search"] .container-fluid > .row, [data-screen="profile"] .container-fluid > .row, [data-screen="invitations"] .container-fluid > .row, [data-screen="documents"] .container-fluid > .row{
+[data-screen="search"] .container-fluid > .row, [data-screen="profile"] .container-fluid > .row, [data-screen="invitations"] .container-fluid > .row, [data-screen="documents"] .container-fluid > .row, [data-screen="reports"] .container-fluid > .row{
   justify-content: center;
 }
 
@@ -267,7 +267,7 @@ article li:not(:first-of-type){
   border: 2px solid white;
   border-radius: 50%;
 }
-.profile .label, #signal-modal label{
+.profile .label, #signal-modal label, #short-profile .label, .report .label{
   font-weight: 700;
 }
 .user-description{
@@ -284,7 +284,7 @@ article li:not(:first-of-type){
 }
 
 /* invitations */
-#invitations-results ul{
+#invitations-results{
   padding-left: 0;
   margin-bottom: 0
 }
@@ -305,12 +305,15 @@ article li:not(:first-of-type){
   width: 3rem;
   height: 3rem;
 }
-.invitation p{
-  margin-bottom: 0;
-}
-.invitation .date{
+p.date{
   font-size: 0.8em;
   color: var(--bs-gray-600);
+  margin-bottom: 0.5rem;
+}
+ h2.date{
+  color: var(--bs-gray-600);
+  border-bottom: 1px solid var(--bs-gray-600);
+  padding-bottom: 0.5rem;
 }
 .invitation-options{
   margin-left: auto;
@@ -413,6 +416,55 @@ label[for="lang"]{
   gap: .5rem;
 }
 
+/* tables */
+table#reports-todo {
+  margin-bottom: 0;
+}
+table#reports-todo td {
+  border: 0;
+  padding: 0 1rem 1rem 1rem;
+}
+table#reports-todo td:first-child {
+  padding: 1rem 1rem 0 1rem;
+  text-align: left;
+  min-width: 150px;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+table#reports-todo td:last-child {
+  display: flex;
+  border-bottom-left-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
+
+table#reports-todo td span:not(:first-of-type){
+  margin-top: 0.25rem;
+}
+table#reports-todo tr{
+  display: grid;
+}
+table#reports-todo tr:not(:first-of-type) {
+  border-top: 1px dotted var(--bs-gray-400);
+}
+#short-profile .user-avatar img{
+  width: 6rem;
+  height: 6rem;
+}
+#archived-reports{
+  padding-left: 0;
+  margin-bottom: 0
+}
+#archived-reports li{
+  list-style-type: none;
+  display: flex;
+  align-items: center;
+  gap: 2rem;
+  border-top: 1px dotted var(--bs-gray-400);
+  padding-top: .75rem;
+}
+.report p:not(.date){
+  margin-bottom: 0;
+}
 /* autocomplete */
 
 .autocomplete-suggestions{
@@ -659,6 +711,24 @@ nav .icon-ui{
   .invitation-options button .icon-ui{
     margin: 0;
   }
+  table#reports-todo td, table#reports-todo td:first-child{
+    display: inline-grid;
+    width: 100%;
+    padding: 0;
+  }
+  table#reports-todo tr:first-of-type{
+    margin-bottom: 1rem;
+  }
+  table#reports-todo tr:not(:first-of-type){
+    padding-top: 1rem;
+  }
+  table#reports-todo td:last-child{
+   min-width: unset;
+   max-width: unset;
+  }
+  .modal .user-avatar{
+    margin: 0 auto;
+  }
 }
 @media only screen and (576px <= width <= 992px) {
   .btn-stack{