From e335644787bdca4e3826b72c32ed968677dc1c62 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Mon, 18 Mar 2019 10:15:52 +0530
Subject: [PATCH] sidepane: fix the file option buttons ux

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

diff --git a/src/components/SidePane.jsx b/src/components/SidePane.jsx
index 195c5c7..c696399 100644
--- a/src/components/SidePane.jsx
+++ b/src/components/SidePane.jsx
@@ -77,7 +77,7 @@ function File({
 					<div class="sidebar__file-options">
 						<button
 							type="button"
-							class="btn btn--dark"
+							class="btn btn--dark btn--chromeless"
 							onClick={onRenameBtnClick.bind(null, file)}
 						>
 							<svg viewBox="0 0 24 24">
@@ -87,7 +87,7 @@ function File({
 
 						<button
 							type="button"
-							class="btn btn--dark"
+							class="btn btn--dark btn--chromeless"
 							onClick={onRemoveBtnClick.bind(null, file)}
 						>
 							<svg viewBox="0 0 24 24">
diff --git a/src/style.css b/src/style.css
index 192847c..4973215 100644
--- a/src/style.css
+++ b/src/style.css
@@ -799,6 +799,12 @@ body > #demo-frame {
 .btn--dark:hover > svg {
 	fill: #111;
 }
+.btn--chromeless {
+	box-shadow: none;
+	background: transparent;
+	border: 0;
+	padding: 1px;
+}
 .main-header__btn-wrap > .is-loading {
 	pointer-events: none;
 	opacity: 0.4;
@@ -1800,8 +1806,8 @@ body:not(.is-app) .show-when-app {
 	text-overflow: ellipsis;
 }
 .sidebar__file-options {
-	position: absolute;
-	right: 0;
+	/* position: absolute; */
+	/* right: 0; */
 	visibility: hidden;
 }
 .sidebar__file:hover .sidebar__file-options,