From 72bd02fdc13ad7ee8740371106d214ac09d128e2 Mon Sep 17 00:00:00 2001
From: mhayes2772 <mhayes20@calpoly.edu>
Date: Tue, 28 May 2024 10:41:05 -0700
Subject: [PATCH] Updated UI for language updates

---
 app/femr/ui/views/admin/updates/manage.scala.html | 12 ++++++------
 public/css/admin/configure.css                    | 12 +++++++++++-
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/app/femr/ui/views/admin/updates/manage.scala.html b/app/femr/ui/views/admin/updates/manage.scala.html
index 427fa8c7e..78a1f10c8 100644
--- a/app/femr/ui/views/admin/updates/manage.scala.html
+++ b/app/femr/ui/views/admin/updates/manage.scala.html
@@ -70,14 +70,14 @@ <h2>Languages</h2>
                         <div id="language-table-wrapper">
                             <table id="language-table">
                             @for(language <- viewModel.getLanguages){
-                                <tr>
-                                    <td><div class="status-box" style="background-color:
-                                            @if(language.getStatus == "Optimized" ){green} else{
-                                            @if(language.getStatus == "Not Optimized"){yellow} else{red}};"></div></td>
-                                    <td>@language.getLanguageName</td>
-                                    <td><input type="checkbox" class="language-checkbox" name="@language.getCode" onClick="updateSchedule(name)"
+                                <tr style="background-color: @if(language.getStatus == "Optimized"){#90EE90} else{
+                                        @if(language.getStatus == "Not Optimized"){#FFFF8F} else{#AA4A44}};"
+                                class="language-row">
+                                    <td class="checkbox-wrapper"><input type="checkbox" class="language-checkbox" name="@language.getCode" onClick="updateSchedule(name)"
                                         @if(language.getUpdateScheduled){checked} else {
                                             @if(language.getStatus == "Optimized"){checked disabled}} /></td>
+                                    <td>@language.getLanguageName</td>
+
                                 </tr>
                             }
                             </table>
diff --git a/public/css/admin/configure.css b/public/css/admin/configure.css
index 0304feb19..6df8efd55 100644
--- a/public/css/admin/configure.css
+++ b/public/css/admin/configure.css
@@ -27,10 +27,20 @@
     overflow: auto;
     margin-bottom: 25px;
 }
+#language-table {
+    width: 100%;
+}
+
+.language-row:hover{
+    filter: brightness(80%);
+}
+
+.checkbox-wrapper{
+    padding-left: 4px;
+}
 
 .language-checkbox{
     cursor: pointer;
-    float: right;
 }
 
 .status-box{