Update app.css

app.css

@@ -1,47 +1,33 @@
 /* app.css */
 
-/* Card Styling */
+/* Style for bookmark cards */
 .card {
-    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
-    transition: 0.3s;
-    padding: 10px;
-    margin: 10px;
+    background-color: #1e1e1e;
+    color: white;
     border-radius: 5px;
+    padding: 15px;
+    margin: 10px 0;
 }
 
-.card:hover {
-    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
+.card-content h3 {
+    margin-bottom: 10px;
 }
 
-/* Dynamic Theme Styling */
-@media (prefers-color-scheme: dark) {
-    body {
-        color: white;
-        background-color: #121212;
-    }
-    .card {
-        background-color: #1e1e1e;
-    }
-    a {
-        color: #bb86fc;
-    }
-    h1, h2, h3, p, strong {
-        color: inherit;
-    }
+.card-content p {
+    margin: 5px 0;
 }
 
-@media (prefers-color-scheme: light) {
-    body {
-        color: black;
-        background-color: white;
-    }
-    .card {
-        background-color: #fff;
-    }
-    a {
-        color: #1a0dab;
-    }
-    h1, h2, h3, p, strong {
-        color: inherit;
-    }
+/* Ensure CheckboxGroup is only visible within its container */
+.gradio-container .checkboxgroup {
+    display: block;
+}
+
+/* Hide CheckboxGroup globally */
+.checkboxgroup {
+    display: none;
+}
+
+/* Specific styling within Manage Bookmarks tab */
+.tab-content .checkboxgroup {
+    display: block;
 }