From dc259d9cf813ba1dcd305ac7ff0e2fa62447e4ea Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Thu, 19 Sep 2019 13:42:18 +0300
Subject: [PATCH] addons styles polished

---
 src/routes/Addons/styles.less | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/routes/Addons/styles.less b/src/routes/Addons/styles.less
index c6e03da28..a02da8a99 100644
--- a/src/routes/Addons/styles.less
+++ b/src/routes/Addons/styles.less
@@ -13,8 +13,11 @@
     .addons-content {
         flex: 1;
         align-self: stretch;
+        display: flex;
+        flex-direction: column;
 
         .top-bar-container {
+            flex: none;
             display: flex;
             flex-direction: row;
             margin: 2rem;
@@ -73,17 +76,10 @@
                 background-color: var(--color-backgroundlighter);
                 cursor: text;
 
-                &:hover {
+                &:hover, &:focus-within {
                     background-color: var(--color-surfacedarker60);
                 }
 
-                &:focus-within {
-                    outline-width: var(--focus-outline-size);
-                    outline-color: var(--color-surfacelighter);
-                    outline-offset: calc(-1 * var(--focus-outline-size));
-                    outline-style: solid;
-                }
-
                 .icon {
                     display: block;
                     width: 1.2rem;
@@ -107,7 +103,8 @@
         }
 
         .addons-list-container {
-            max-height: calc(100% - 7rem);
+            flex: 1;
+            align-self: stretch;
             padding: 0 2rem;
             overflow-y: auto;