From 59a669b956bf5948dcc998437b675bda089fbc80 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Tue, 31 Jul 2018 22:29:07 +0530
Subject: [PATCH] style fixes

---
 src/components/AddLibrary.jsx |  4 ++--
 src/style.css                 | 10 ++++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/AddLibrary.jsx b/src/components/AddLibrary.jsx
index 1054cff..54b6e4b 100644
--- a/src/components/AddLibrary.jsx
+++ b/src/components/AddLibrary.jsx
@@ -61,8 +61,8 @@ export default class AddLibrary extends Component {
 			<div>
 				<h1>Add Library</h1>
 
-				<div class="flex">
-					<svg style="width: 30px; height: 30px;fill:rgb(255,255,255,0.2)">
+				<div class="flex flex-v-center">
+					<svg style="width: 30px; height: 30px;fill:rgb(255,255,255,0.5)">
 						<use xlinkHref="#search" />
 					</svg>
 					<LibraryAutoSuggest
diff --git a/src/style.css b/src/style.css
index 1b30dcd..71ec623 100644
--- a/src/style.css
+++ b/src/style.css
@@ -5,6 +5,7 @@
 	--code-font-size: 16px;
 	--color-button: #d3a447;
 	--color-focus-outline: #d3a447;
+	--color-form-control-bg: #2c214b;
 }
 
 body {
@@ -30,7 +31,7 @@ input,
 textarea {
 	font-size: inherit;
 	color: var(--color-text);
-	background: rgba(0, 0, 0, 0.24);
+	background: var(--color-form-control-bg);
 	border: 1px solid rgba(255, 255, 255, 0.09);
 	border-bottom-color: rgba(255, 255, 255, 0.17);
 	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
@@ -1040,10 +1041,10 @@ body > #demo-frame {
 
 .saved-item-tile__btn {
 	padding: 7px 10px;
-	color: rgba(255, 255, 255, 0.3);
+	color: white;
 	border-radius: 20px;
 	margin-left: 2px;
-	background: rgba(255, 255, 255, 0.05);
+	background: rgba(255, 255, 255, 0.1);
 	text-transform: uppercase;
 }
 
@@ -1066,7 +1067,8 @@ body > #demo-frame {
 }
 
 .saved-items-pane__container {
-	overflow-y: scroll;
+	overflow-y: auto;
+	overflow-x: hidden;
 	max-height: calc(100vh - 90px);
 }