style(panel): update tracy toggle styles for table cells

- Adjusted CSS selectors to target toggle elements within table cells
- Enhanced hover and active states for better user interaction

Author: Spamercz

src/Diagnostics/Panel/panel.phtml

@@ -34,8 +34,8 @@ namespace Spameri\Elastic\Diagnostics\Panel;
 		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 	}
 
-	#nette-debug .elasticSearchPanel .tracy-toggle,
-	#tracy-debug .elasticSearchPanel .tracy-toggle {
+	#nette-debug .elasticSearchPanel td > .tracy-toggle,
+	#tracy-debug .elasticSearchPanel td > .tracy-toggle {
 		cursor: pointer !important;
 		display: inline-block !important;
 		padding: 4px 10px !important;
@@ -48,20 +48,20 @@ namespace Spameri\Elastic\Diagnostics\Panel;
 		font-weight: bold !important;
 	}
 
-	#nette-debug .elasticSearchPanel .tracy-toggle:hover,
-	#tracy-debug .elasticSearchPanel .tracy-toggle:hover {
+	#nette-debug .elasticSearchPanel td > .tracy-toggle:hover,
+	#tracy-debug .elasticSearchPanel td > .tracy-toggle:hover {
 		background: #e8e8e8 !important;
 		border-color: #aaa !important;
 	}
 
-	#nette-debug .elasticSearchPanel .tracy-toggle:active,
-	#tracy-debug .elasticSearchPanel .tracy-toggle:active {
+	#nette-debug .elasticSearchPanel td > .tracy-toggle:active,
+	#tracy-debug .elasticSearchPanel td > .tracy-toggle:active {
 		background: #ddd !important;
 		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
 	}
 
-	#nette-debug .elasticSearchPanel .tracy-toggle::after,
-	#tracy-debug .elasticSearchPanel .tracy-toggle::after {
+	#nette-debug .elasticSearchPanel td > .tracy-toggle::after,
+	#tracy-debug .elasticSearchPanel td > .tracy-toggle::after {
 		opacity: 0.7 !important;
 		margin-left: 4px !important;
 	}