From 68eeed17ed5a64c6e42d124e486b5c89031dbb73 Mon Sep 17 00:00:00 2001
From: janglee123 <merupatel123@gmail.com>
Date: Wed, 19 Dec 2018 18:47:32 +0530
Subject: [PATCH] justify content in library

---
 src/css/library.css | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/css/library.css b/src/css/library.css
index 3493bd2..d871aac 100644
--- a/src/css/library.css
+++ b/src/css/library.css
@@ -11,6 +11,7 @@ body{
     top: 0;
     width: 100%;
     height: 100%;
+    overflow: hidden;
 }
 
 #lib {
@@ -18,29 +19,35 @@ body{
     bottom: 1px;
     left:15px;
     right: 15px;
-
     user-select: none;
     position: absolute;
     background: #fff;
     border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;
-    overflow-y: scroll;
+    overflow-y: auto;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    align-content: flex-start;
 }
 
 #lib a{
-    margin: 10px;
-    text-align: center;
-    vertical-align: middle;
+    margin: 25px;
     width: 150px;
     height: 250px;
-    display: inline-block;
-    border: 1px solid;
+
+    display:  inline-grid;
+    text-align: center;
+    vertical-align: middle;
+
+    border: 1px solid rgb(175,175,175);
     border-radius: 10px;
     color: rgb(48, 48, 48);
     font-style: normal;
     text-decoration: none;
 }
 
+
 #lib a:hover{
     background: rgb(200, 200, 200);
 }