style fixes

Author: ahuseyn

plugins/wpgraphql-logging/assets/css/view/wp-graphql-logging-view.css

@@ -26,3 +26,21 @@ pre.wpgraphql-logging-list-table-query {
 	border-radius: 4px;
 	max-height: 20px;
 }
+
+.wpgraphql-logging-filters input.wpgraphql-logging-datepicker,
+.wpgraphql-logging-filters select[name="level_filter"] {
+	width: 120px;
+}
+
+.wpgraphql-logging-filters {
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+	margin-right: 10px;
+}
+
+.wpgraphql-logging-filters .clear-all-button {
+	margin: 0;
+	margin-left: 5px;
+	text-decoration: none;
+}

plugins/wpgraphql-logging/src/Admin/View/Templates/WPGraphQLLoggerFilters.php

@@ -22,24 +22,22 @@
 $wpgraphql_logging_log_levels = apply_filters( 'wpgraphql_logging_log_levels', $wpgraphql_logging_log_levels );
 ?>
 
-<div class="alignleft actions" style="display: inline-flex; align-items: center; gap: 8px; margin-right: 10px;">
+<div class="alignleft actions wpgraphql-logging-filters">
 	<input type="text"
 			name="start_date"
 			class="wpgraphql-logging-datepicker"
 			placeholder="Start Date"
 			value="<?php echo esc_attr( $wpgraphql_logging_current_start_date ); ?>"
-			autocomplete="off"
-			style="width: 120px;" />
+			autocomplete="off" />
 
 	<input type="text"
 			name="end_date"
 			class="wpgraphql-logging-datepicker"
 			placeholder="End Date"
 			value="<?php echo esc_attr( $wpgraphql_logging_current_end_date ); ?>"
-			autocomplete="off"
-			style="width: 120px;" />
+			autocomplete="off" />
 
-	<select name="level_filter" style="width: 120px;">
+	<select name="level_filter">
 		<option value="">All Levels</option>
 		<?php foreach ( $wpgraphql_logging_log_levels as $wpgraphql_logging_level ) : ?>
 			<option value="<?php echo esc_attr( $wpgraphql_logging_level ); ?>" <?php selected( $wpgraphql_logging_current_level, $wpgraphql_logging_level ); ?>>
@@ -51,8 +49,7 @@ class="wpgraphql-logging-datepicker"
 	<?php submit_button( __( 'Filter', 'wpgraphql-logging' ), 'secondary', '', false, [ 'style' => 'margin: 0;' ] ); ?>
 
 	<a href="<?php echo esc_url( admin_url( 'admin.php?page=wpgraphql-logging-view' ) ); ?>"
-		class="clear-all-button"
-		style="margin: 0; margin-left: 5px; text-decoration: none;">
+		class="clear-all-button">
 		<?php esc_html_e( 'Clear All', 'wpgraphql-logging' ); ?>
 	</a>
 </div>