Improves responsive styling for logger table.

allyshka · Jun 22, 2014 · 8b7cb1d · 8b7cb1d
1 parent 7caf24c
commit 8b7cb1d
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/css/style.css b/css/style.css
@@ -12,6 +12,10 @@ td:nth-child( 1 ) {
 	float: left;
 }
 
+.tablenav.selects .actions {
+	width: 100%;
+}
+
 .tagchecklist {
 	margin-left: 0;
 }
@@ -33,6 +37,23 @@ td:nth-child( 1 ) {
 		display: block;
 
 	}
+
+	#log-select-contain {
+		float: none;
+	}
+
+	.tablenav .actions .button {
+		margin: 18px 0 10px 0;
+	}
+
+	.tagchecklist {
+		margin: 18px 0;
+	}
+
+	.tagchecklist span {
+		font-size: 1em;
+		line-height: 2em;
+	}
 }
 
 @media only screen and ( min-width: 769px ) {

diff --git a/views/log-table.php b/views/log-table.php
@@ -7,8 +7,8 @@
 		<?php wp_nonce_field( 'wp_logger_generate_report', 'wp_logger_form_nonce' ) ?>
 		<input type="hidden" id="session-select" name="session-select" value="<?php echo $session_id; ?>">
 
-		<div class="tablenav top">
-			<div class="alignleft actions bulkactions">
+		<div class="tablenav top selects">
+			<div class="alignleft actions">
 				<select id="plugin-select" name="plugin-select">
 					<option value=""><?php esc_html_e( 'All Plugins', 'wp-logger' ); ?></option>