From dde23c75ab59a0e09134d0fc6cabc4841a8545da Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Thu, 14 Jan 2021 10:51:03 +0300
Subject: [PATCH] Making bottom toolbar responsive

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/dock/log-controls.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/dock/log-controls.tsx b/src/renderer/components/dock/log-controls.tsx
index 58066777c7..9c2c505c22 100644
--- a/src/renderer/components/dock/log-controls.tsx
+++ b/src/renderer/components/dock/log-controls.tsx
@@ -39,11 +39,11 @@ export const LogControls = observer((props: Props) => {
   };
 
   return (
-    <div className={cssNames("LogControls flex gaps align-center")}>
+    <div className={cssNames("LogControls flex gaps align-center justify-space-between wrap")}>
       <div className="time-range">
         {since && `Logs from ${new Date(since[0]).toLocaleString()}`}
       </div>
-      <div className="flex box grow gaps align-center justify-flex-end">
+      <div className="flex gaps align-center">
         <Checkbox
           label="Show timestamps"
           value={showTimestamps}