From d85d8250de2261398c7ff6f044ffa7a2ce5fc8ad Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Sun, 8 Dec 2019 17:20:36 +0200
Subject: [PATCH] ui flickering when open item menu fixed

---
 src/routes/Library/Library.js  |  2 +-
 src/routes/Library/styles.less | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/routes/Library/Library.js b/src/routes/Library/Library.js
index e81046dc0..0f3013cfb 100644
--- a/src/routes/Library/Library.js
+++ b/src/routes/Library/Library.js
@@ -2,8 +2,8 @@ const React = require('react');
 const classnames = require('classnames');
 const { Button, Multiselect, MainNavBar, MetaItem } = require('stremio/common');
 const useLibrary = require('./useLibrary');
-const useItemOptions = require('./useItemOptions');
 const useSelectableInputs = require('./useSelectableInputs');
+const useItemOptions = require('./useItemOptions');
 const styles = require('./styles');
 
 const Library = ({ urlParams, queryParams }) => {
diff --git a/src/routes/Library/styles.less b/src/routes/Library/styles.less
index 5dab0caa9..b9c5f347b 100644
--- a/src/routes/Library/styles.less
+++ b/src/routes/Library/styles.less
@@ -47,19 +47,15 @@
             }
         }
 
-        .message-container, .meta-items-container {
+        .message-container {
             flex-grow: 0;
             flex-shrink: 1;
             flex-basis: auto;
-            padding: 0 1.5rem;
-            overflow-y: auto;
-        }
-
-        .message-container {
             display: flex;
             flex-direction: column;
             justify-content: flex-start;
             align-items: center;
+            padding: 0 1.5rem;
 
             &:first-child {
                 .message-label {
@@ -109,10 +105,13 @@
         }
 
         .meta-items-container {
+            flex: 1;
             display: grid;
             grid-auto-rows: max-content;
             align-items: center;
             grid-gap: 1.5rem;
+            padding: 0 1.5rem;
+            overflow-y: auto;
         }
     }
 }