From b1ebafa920ce5c59de3920b9d19d240a086d4718 Mon Sep 17 00:00:00 2001
From: Alexandre Storelli <a_github@storelli.fr>
Date: Mon, 7 Oct 2019 23:47:23 +0200
Subject: [PATCH] Small CSS fixes

---
 src/components/Layout/GroupedButtons.js | 1 +
 src/components/Layout/Sidebar.js        | 4 +---
 src/components/Menu.js                  | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/Layout/GroupedButtons.js b/src/components/Layout/GroupedButtons.js
index 04d1ee6..55512a7 100644
--- a/src/components/Layout/GroupedButtons.js
+++ b/src/components/Layout/GroupedButtons.js
@@ -6,6 +6,7 @@ import styled from "styled-components";
 const StyledGroupedButton = styled.div`
 	display: flex;
 	flex-direction: column;
+	${props => !props.condensed && "width: 240px;"}
 	/* align-items: center; */
 
 	& > button,
diff --git a/src/components/Layout/Sidebar.js b/src/components/Layout/Sidebar.js
index 198aeaa..23820ad 100644
--- a/src/components/Layout/Sidebar.js
+++ b/src/components/Layout/Sidebar.js
@@ -4,8 +4,6 @@ import styled from "styled-components";
 
 import Button from "../Controls/Button";
 
-import abrlogo from "../../img/abr_transparent.png";
-
 const StyledSidebar = styled.div`
 	height: 100vh;
 	width: 350px;
@@ -31,7 +29,7 @@ const StyledSidebar = styled.div`
 // eslint-disable-next-line react/prop-types
 const Logo = ({ className }) => (
 	<a href="https://www.adblockradio.com/" className={className}>
-		<img src={abrlogo} alt="Adblock Radio" />
+		<img src="https://static.adblockradio.com/assets/abr_transparent.png" alt="Adblock Radio" />
 	</a>
 );
 
diff --git a/src/components/Menu.js b/src/components/Menu.js
index 08dbb41..96b6773 100644
--- a/src/components/Menu.js
+++ b/src/components/Menu.js
@@ -142,7 +142,7 @@ function Menu(props) {
 						/>
 					</StyledGroupedButtons>
 
-					<GroupedButtons spaced={true}>
+					<GroupedButtons spaced={true} condensed={condensed}>
 						<StyledButtons
 							icon={wand}
 							label={settingsBtnLabel}