From c5bb5f939c0a9b2ef81d18a3f04cd126b7b7b557 Mon Sep 17 00:00:00 2001
From: rulingcom <orbit@rulingcom.com>
Date: Wed, 18 Jun 2025 18:20:59 +0800
Subject: [PATCH] css fix

---
 .../admin/universal_tables/show.html.erb      | 47 ++++++++++++++++++-
 1 file changed, 45 insertions(+), 2 deletions(-)

diff --git a/app/views/admin/universal_tables/show.html.erb b/app/views/admin/universal_tables/show.html.erb
index 4fc0412..09e05b8 100644
--- a/app/views/admin/universal_tables/show.html.erb
+++ b/app/views/admin/universal_tables/show.html.erb
@@ -2,8 +2,49 @@
   <%= stylesheet_link_tag "universal_table/universal-table" %>
 <% end %>
 <style>
+  #entry-status{
+    float: right;
+    margin-right: 1em;
+  
+  }
+  .toggle_entries[data-status="show"] {
+    border-radius: 4px;
+    display: inline-block;
+    padding: 4px 12px;
+    margin-bottom: 0;
+    font-size: 14px;
+    line-height: 20px;
+    font-family: 'Varela Round';
+    letter-spacing: -.4px;
+    color: #ffffff;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+    background-color: #007AFF;
+    margin-right: 0.5em;
+    &:hover{
+      background-color:#1A73E8;
+    }
+  }
+    .toggle_entries[data-status="hide"] {
+    border-radius: 4px;
+    display: inline-block;
+    padding: 4px 12px;
+    margin-bottom: 0;
+    font-size: 14px;
+    line-height: 20px;
+    font-family: 'Varela Round';
+    letter-spacing: -.4px;
+    color: #ffffff;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+    background-color: #5F6368;
+    margin-right: 0.5em;
+    &:hover{
+      background-color:#4b4e53;
+    }
+  }
   .hidden_entry{
-    background-color: grey;
+    td{
+      background-color: #9eacb5a8;
+    }
   }
 </style>
 <form class="form-search" action="<%= admin_universal_table_path(@table) %>" method="get">
@@ -108,6 +149,7 @@
 </div>
 
 <script>
+$(".action").after($("#entry-status"));
 let audio;
 $(".voice-player").on("click", function(){
   let status = $(this).attr('status');
@@ -141,7 +183,8 @@ $(".hide-toggle").on("click", function(){
   if(count > 0){
     $("#entry-status").removeClass("hide")
   }else{
-    $("#entry-status").addClass("hide")
+    $("#entry-status").addClass("hide");
+
   }
 })
 $(".toggle_entries").on("click", function(){