From 9d8a81ebc8ad51c67e3776800006c305383311d6 Mon Sep 17 00:00:00 2001
From: Ondrej Zara <ondrej.zara@gmail.com>
Date: Fri, 29 Mar 2019 23:36:06 +0100
Subject: [PATCH] grid

---
 app/app.css          |  8 ++++++++
 app/css/library.less | 10 ++++++++++
 2 files changed, 18 insertions(+)

diff --git a/app/app.css b/app/app.css
index a60ca56..2b13e07 100644
--- a/app/app.css
+++ b/app/app.css
@@ -245,6 +245,14 @@ nav ul li.active {
     width: 32px;
   }
 }
+#library .tiles {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+}
+#library .tiles li {
+  border: 3px solid lime;
+  height: 200px;
+}
 #fs {
   height: 100%;
   display: flex;
diff --git a/app/css/library.less b/app/css/library.less
index 01fe2f6..5b4e475 100644
--- a/app/css/library.less
+++ b/app/css/library.less
@@ -1,3 +1,13 @@
 #library {
 	.component;
+
+	.tiles {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+
+		li {
+			border: 3px solid lime;
+			height: 200px;
+		}
+	}
 }