Change to grid

Septdir · Feb 3, 2018 · 8f10990 · 8f10990
1 parent f1dbb0f
commit 8f10990
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/chrome/userContent.css b/chrome/userContent.css
@@ -19,13 +19,18 @@
 		display: none !important;
 	}
 	.top-sites-list {
-		display: flex;
-		flex-wrap: wrap;
+		display: grid !important;
+		grid-gap: 24px !important;
+		grid-template-columns: repeat(auto-fit, 128px) !important;
+		margin: 0 !important;
+		padding: 0 !important;
+		list-style: none;
 	}
 	.top-sites-list .top-site-outer {
-		width: 11.1% !important;
-		margin: 0 !important;
+		width: 128px !important;
 		box-sizing: border-box !important;
+		padding: 0 !important;
+		margin: 0 !important;
 	}
 	.top-sites-list .top-site-outer .tile {
 		width: 128px !important;
@@ -115,4 +120,8 @@
 	.top-sites-list a[href*="joomlazen.com"] .screenshot {
 		background-image: url('images/topsites/joomlazen.com.png') !important;
 	}
+
+	.sections-list .section-list {
+		grid-gap: 57px !important;
+	}
 }