Updated UI for language updates

FEMR · May 28, 2024 · 72bd02f · 72bd02f
1 parent d267cd2
commit 72bd02f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git 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
@@ -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{