From 032ac983eb71ebe6b91cd6392bea268c85acbaf4 Mon Sep 17 00:00:00 2001
From: Colin Dawson <me@cjdawson.com>
Date: Wed, 18 Mar 2026 21:22:16 +0000
Subject: [PATCH] Layout of the Basic task is now completed

---
 src/Sass/_assignmentComplete.scss                   | 13 ++++++++++++-
 .../components/tasksProcessor/BasicTask.tsx         |  4 ++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/Sass/_assignmentComplete.scss b/src/Sass/_assignmentComplete.scss
index 5a915da..a9d55f8 100644
--- a/src/Sass/_assignmentComplete.scss
+++ b/src/Sass/_assignmentComplete.scss
@@ -1,6 +1,7 @@
 @import "./_esuiteVariables.scss";
 
 $assignmentComplete-border-color: darken($mode--light-bg, 50%);
+$border-radius: 12px;
 
 .assignmentComplete {
   display: flex;
@@ -66,12 +67,13 @@ $assignmentComplete-border-color: darken($mode--light-bg, 50%);
 
       .taskDetails {
         border: 1px solid $assignmentComplete-border-color;
-        border-radius: 4px;
+        border-radius: $border-radius;
         padding: 12px;
         margin-bottom: 12px;
 
         .taskDetailsHeader {
           background-color: $assignmentComplete-border-color;
+          border-radius: $border-radius $border-radius 0 0;
           margin: -12px -12px 12px;
           padding: 8px 12px;
         }
@@ -111,3 +113,12 @@ $assignmentComplete-border-color: darken($mode--light-bg, 50%);
     }
   }
 }
+
+.basicTask {
+  .banner {
+    background-color: $assignmentComplete-border-color;
+    padding: 12px;
+    border-radius: $border-radius;
+    margin-bottom: 20px;
+  }
+}
diff --git a/src/modules/manager/task/assignments/components/tasksProcessor/BasicTask.tsx b/src/modules/manager/task/assignments/components/tasksProcessor/BasicTask.tsx
index 2fbe5fa..b1e5e4d 100644
--- a/src/modules/manager/task/assignments/components/tasksProcessor/BasicTask.tsx
+++ b/src/modules/manager/task/assignments/components/tasksProcessor/BasicTask.tsx
@@ -88,8 +88,8 @@ const BasicTask: React.FC<BasicTaskProps> = ({
   };
 
   return (
-    <div className="workareaInner">
-      <div>{description}</div>
+    <div className="basicTask">
+      <div className="banner">{description}</div>
 
       {renderInput(
         "comments",