adding ability for sub admin to view updates

css/main.css

@@ -932,6 +932,21 @@ ol {
   grid-area: task-actions;
 }
 
+.update-card {
+  border-radius: 0.5rem;
+  padding: max(1rem, 1.5vw);
+  background-color: rgba(var(--text-color), 0.06);
+}
+.update-card__sender, .update-card__time {
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: rgba(var(--text-color), 0.8);
+}
+.update-card__message {
+  margin-top: 0.5rem;
+  white-space: pre-line;
+}
+
 #profile__header h1,
 #profile__header h4 {
   line-height: 0.7;
@@ -1052,12 +1067,16 @@ ol {
   #landing #relative_tasks > div:last-of-type {
     margin-top: 3rem;
   }
-  #home > section {
+  #home > section,
+#task > section {
     padding: 0 8vw;
   }
   #task_popup {
     --width: 36rem;
   }
+  #send_update_popup {
+    --width: 36rem;
+  }
   #profile section {
     gap: 4rem;
     justify-content: center;

css/main.scss

@@ -992,6 +992,25 @@ ol {
     }
 }
 
+.update-card {
+    border-radius: 0.5rem;
+    padding: max(1rem, 1.5vw);
+    background-color: rgba(var(--text-color), 0.06);
+
+    &__sender,
+    &__time {
+        font-size: 0.8rem;
+        font-weight: 500;
+        color: rgba(var(--text-color), 0.8);
+    }
+
+    &__message {
+        margin-top: 0.5rem;
+        white-space: pre-line;
+
+    }
+}
+
 #profile {
     &__header {
 
@@ -1153,7 +1172,8 @@ ol {
         }
     }
 
-    #home {
+    #home,
+    #task {
 
         &>section {
             padding: 0 8vw;
@@ -1164,6 +1184,10 @@ ol {
         --width: 36rem;
     }
 
+    #send_update_popup {
+        --width: 36rem;
+    }
+
     #profile {
         section {
             gap: 4rem;