3 files changed, 34 insertions, 8 deletions
diff --git a/res/css/partials/search-bar.scss b/res/css/partials/search-bar.scss
index b832aca0..c633fc09 100644
--- a/res/css/partials/search-bar.scss
+++ b/res/css/partials/search-bar.scss
@@ -14,13 +14,13 @@
   width: 100%;
   top: $top-bar-height+($search-bar-height - $search-icon-height)/2;
   height:$search-icon-height;
-  left: 100px;
+  left: $left-margin + 40px;
 }
 .search-icon {
   position:fixed;
   width:20px;
   height:$search-icon-height;
-  left: 60px;
+  left: $left-margin;
   top: $top-bar-height+($search-bar-height - $search-icon-height)/2;
 
 }
diff --git a/res/css/partials/task-alert.scss b/res/css/partials/task-alert.scss
index 670808f3..c31ea756 100644
--- a/res/css/partials/task-alert.scss
+++ b/res/css/partials/task-alert.scss
@@ -1,6 +1,32 @@
-.help{
-  font-size: 20px;
-  top: 5px;
-  left: 10px;
-  margin-left: 12px;
+.task-alert{
+  position:fixed;
+  top: $top-bar-height+$search-bar-height;
+  width: 100%;
+  height:$task-alert-height;
+  background-color: #D3F2F8;//$light-cyan
+  border-top: #1D6E7F;//$dark-cyan
+  border-bottom: #1D6E7F;//$dark-cyan
 }
+.task-desc{
+  position:fixed;
+  width:100%;
+  color: #1D6E7F;//$dark-cyan
+  height: $task-desc-height;
+  top: $top-bar-height + $search-bar-height + ($task-alert-height - $task-desc-height)/2;
+  text-align: center;
+  font-size: $h3-size;
+}
+
+.task-close-text {
+  position:fixed;
+  top: $top-bar-height + $search-bar-height + ($task-alert-height - $task-desc-height)/2 + 1 ;
+  color: #1D6E7F;//$dark-cyan
+  right: 70px;
+  font-size: $h4-size;
+}
+
+.task-close-button {
+  position: fixed;
+  top: $top-bar-height + $search-bar-height + ($task-alert-height - $task-desc-height)/2;
+  right: 50px;
+}
+\ No newline at end of file
diff --git a/res/css/partials/top-bar.scss b/res/css/partials/top-bar.scss
index 0224410c..e10cfd8f 100644
--- a/res/css/partials/top-bar.scss
+++ b/res/css/partials/top-bar.scss
@@ -10,7 +10,7 @@
 .doc-title{
   position:fixed;
   font-family: $semibold-font-family;
-  left:60px;
+  left:$left-margin;
   top:10px;
   color: #f5f5fa; //todo: $light-grey: