Update layout's responsiveness

Author: nndda

src/app/styles/main.scss

@@ -34,8 +34,8 @@ body {
 
 .components-selector-container {
   display: flex;
-  flex-grow: 1;
-  width: 250px;
+  // flex-grow: 1;
+  min-width: 290px;
   border-right: 1px solid rgba($border-col, 0.1);
   overflow: hidden;
 
@@ -56,7 +56,7 @@ body {
   padding-top: 1em !important;
 }
 
-$active-col: white;
+$active-col: #eee;
 #components-list {
   $font-size: 1.1em;
   flex-grow: 1;
@@ -126,7 +126,7 @@ $active-col: white;
   & > ul > li {
     color: rgba($text-col, 0.6);
     display: flex;
-    margin-bottom: .4em;
+    margin-bottom: .5em;
     margin-left: .5em;
     font-size: $font-size;
     list-style: none;
@@ -138,7 +138,8 @@ $active-col: white;
     & .text {
       padding: .1em .3em;
       color: rgba($text-col, 0.6);
-      border-radius: 6px;
+      // font-weight: bold;
+      border-radius: 4px;
       transition: .3s ease;
     }
 
@@ -256,7 +257,7 @@ $active-col: white;
   flex-grow: 1;
   flex-direction: column;
 
-  width: 920px;
+  max-width: 920px;
 }
 
 .preview-info {