adjust summary values

app.py

@@ -5,7 +5,7 @@ import asyncio
 from datetime import datetime, date, time
 from pathlib import Path
 
-from faicons import icon_svg
+#from faicons import icon_svg
 from pandas import DataFrame
 from numpy import array
 
@@ -91,40 +91,70 @@ with ui.sidebar(open={"desktop": "open", "mobile": "closed"}):
     ui.input_select("menu_significant", "Select rule significance", choices=["all", "3f1-significant", "other-significant"], selected="all", multiple=True)
 
 # value boxes with summary data
+#with ui.layout_column_wrap():
+#    with ui.value_box():
+#        "All final rules"
+#        @render.text
+#        def count_rules():
+#            return f"{filtered_df()['document_number'].count()}"
+#        #ui.input_action_button("filter_all", "Clear Filters", class_="btn-filter", icon=icon_svg("book"))
+#    
+#    with ui.value_box():
+#        "Section 3(f)(1) Significant rules *"
+#        @render.text
+#        def count_3f1_significant():
+#            output = "Not available"
+#            if GET_SIGNIFICANT:
+#                output = f"{filtered_df()['3f1_significant'].sum()}"
+#            return output
+#        #ui.input_action_button("filter_3f1", "Filter", class_="btn-filter", icon=icon_svg("book"))
+#    
+#    with ui.value_box():
+#        "Other Significant rules *"
+#        @render.text
+#        def count_other_significant():
+#            output = "Not available"
+#            if GET_SIGNIFICANT:
+#                output = f"{filtered_df()['other_significant'].sum()}"
+#            return output
+#        #ui.input_action_button("filter_other", "Filter", class_="btn-filter", icon=icon_svg("book"))
+
+
+#
 with ui.layout_column_wrap():
-    with ui.value_box():
-        "All final rules"
-        @render.text
-        def count_rules():
-            return f"{filtered_df()['document_number'].count()}"
-        #ui.input_action_button("filter_all", "Clear Filters", class_="btn-filter", icon=icon_svg("book"))
+    with ui.card(class_="summary-card"):
+        with ui.tooltip(placement="bottom", id="all_tooltip"):
+            @render.text
+            def count_rules():
+                return f"All final rules: {filtered_df()['document_number'].count()}"
+            f"Federal Register data last retrieved {date.today()}."
+
+    with ui.card(class_="summary-card"):
+        with ui.tooltip(placement="bottom", id="3f1_tooltip"):
+            @render.text
+            def count_3f1_significant():
+                output = "Not available"
+                if GET_SIGNIFICANT:
+                    output = f"Section 3(f)(1) Significant rules: {filtered_df()['3f1_significant'].sum()}"
+                return output
+            f"Executive Order 12866 significance data last updated {LAST_UPDATED}."
     
-    with ui.value_box():
-        "Section 3(f)(1) Significant rules *"
-        @render.text
-        def count_3f1_significant():
-            output = "Not available"
-            if GET_SIGNIFICANT:
-                output = f"{filtered_df()['3f1_significant'].sum()}"
-            return output
-        #ui.input_action_button("filter_3f1", "Filter", class_="btn-filter", icon=icon_svg("book"))
-    
-    with ui.value_box():
-        "Other Significant rules *"
-        @render.text
-        def count_other_significant():
-            output = "Not available"
-            if GET_SIGNIFICANT:
-                output = f"{filtered_df()['other_significant'].sum()}"
-            return output
-        #ui.input_action_button("filter_other", "Filter", class_="btn-filter", icon=icon_svg("book"))
+    with ui.card(class_="summary-card"):
+        with ui.tooltip(placement="bottom", id="other_tooltip"):
+            @render.text
+            def count_other_significant():
+                output = "Not available"
+                if GET_SIGNIFICANT:
+                    output = f"Other Significant rules: {filtered_df()['other_significant'].sum()}"
+                return output
+            f"Executive Order 12866 significance data last updated {LAST_UPDATED}."
 
 # documentation note on significance data
-ui.markdown(
-            f"""
-            \* *Executive Order 12866 significance data last updated **{LAST_UPDATED}***.
-            """
-            )
+#ui.markdown(
+#            f"""
+#            \* *Executive Order 12866 significance data last updated **{LAST_UPDATED}***.
+#            """
+#            )
 
 # main content
 with ui.navset_card_underline(title=""):

www/style.css

@@ -21,3 +21,9 @@
   color: #FFFFFF;
   background-color: #0190DB;
 }
+
+.summary-card {
+  font-size: medium;
+  color: #033C5A;
+  font-weight: bold;
+}