From f1f0895cc6ed444c976f1350373ebba7ae8d3c88 Mon Sep 17 00:00:00 2001
From: Bruno Araujo <araujo.contato@gmail.com>
Date: Tue, 29 Jun 2021 11:17:19 -0300
Subject: [PATCH] fix: float buttons row

---
 CHANGELOG.md                             |  4 ++--
 src/renderer/components/SearchBar.svelte | 26 +++++++++++++++---------
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 91ab510..3894c0c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,14 +4,14 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
-## [1.5.6]
+## [1.5.6] - 2021-06-29
 
 ### Added
 - Show version of the Companion app in the client bar
 
 ### Fix
 - Mute toggle button don't overlap the search text input
-
+- Security updates
 
 ---
 
diff --git a/src/renderer/components/SearchBar.svelte b/src/renderer/components/SearchBar.svelte
index ed46546..a823c96 100644
--- a/src/renderer/components/SearchBar.svelte
+++ b/src/renderer/components/SearchBar.svelte
@@ -91,9 +91,11 @@ function muteToggle() {
     placeholder="Url here..."
     bind:value={localUrl}
     bind:this={searchInput} />
-  <button class="float-button">
-    <IconButton onClick={muteToggle} inactive={false} icons={audioIcon} color="#000" />
-  </button>
+  <div class="float-buttons">
+    <button class="float-button">
+      <IconButton onClick={muteToggle} inactive={false} icons={audioIcon} color="#000" />
+    </button>
+  </div>
   <button
     type="submit"
     on:click={refresh}>
@@ -131,21 +133,25 @@ input:focus {
   background-color: #eee;
 }
 
-.float-button {
+.float-buttons {
   position: absolute;
-  right: 65px;
+  right: 60px;
+  box-sizing: border-box;
   height: 100%;
-  width: 36px;
   display: flex;
-  justify-content: flex-start;
+  flex-direction: row;
+  justify-content: stretch;
   align-items: center;
   background-color: #fff;
-  padding: 0 10px;
-  margin-right: -6px;
-  border: none;
   border-bottom: 1px solid rgb(220, 220, 220);
 }
 
+.float-button {
+  height: 100%;
+  width: 36px;
+  background-color: #fff;
+}
+
 .float-button:hover, .float-button:focus {
   background-color: #eee;
 }