Make CSS a little more responsive.

README.md

@@ -93,6 +93,7 @@ Yes, but no translations are available quite yet.
 
 ### 2.0.4
 * Add ability to manually load public CSS when using `do_shortcode`
+* Improve responsiveness of public CSS
 
 ### 2.0.3
 * Ensure scripts and styles only load when the shortcode is present (for real this time...)

public/assets/css/public.css

@@ -58,17 +58,18 @@
 
 #filters {
 	list-style: none;
+   margin: 0 0 1em 0;
 }
 
 #filters li {
 	float: left;
 	border: 1px solid #ededed;
-	margin: 0 0.5em 1em 0;
+	margin: 0 .5em 1em 0;
 }
 
 #filters li a {
 	text-decoration: none;
-	padding: 0.5em 1em;
+	padding: .5em 1em;
    display: block;
 }
 
@@ -79,22 +80,24 @@
 #iso-loop {
    display: none;
    list-style: none;
+   margin: 0;
 }
 
 #iso-loop li {
-	margin: 0;
-	padding: 0 1em;
-	max-width: 290px;
+   width: 30.5%;
+   margin: 0 2.5% 2.5% 0;
+   -webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 h2.iso-title a {
 	text-decoration: none;
 }
 
 .iso-thumb {
-	width: inherit;
-	padding: 0.5em 0;
-	margin-bottom: 0.5em;
+	width: auto;
+	margin-bottom: .5em;
 }
 
 .iso-thumb img {

readme.txt

@@ -100,6 +100,7 @@ Yes, but no translations are available quite yet.
 
 = 2.0.4 =
 * Add ability to manually load public CSS when using `do_shortcode`
+* Improve responsiveness of public CSS
 
 = 2.0.3 =
 * Ensure scripts and styles only load when the shortcode is present (for real this time...)