From 93ab3b4164c62aebef2780146c36bf1a040a4dca Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Sat, 27 Jun 2020 21:45:16 +1000
Subject: [PATCH] tidy up top area

---
 ts/src/stats/GraphsPage.svelte | 13 ++++++++-----
 ts/src/stats/graphs.css        |  4 ++++
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/ts/src/stats/GraphsPage.svelte b/ts/src/stats/GraphsPage.svelte
index bcf9ceafd..044dcd063 100644
--- a/ts/src/stats/GraphsPage.svelte
+++ b/ts/src/stats/GraphsPage.svelte
@@ -98,12 +98,15 @@
                 value={SearchRange.Collection} />
             Collection
         </label>
-        <label>
-            <input type="radio" bind:group={searchRange} value={SearchRange.Custom} />
-            Custom
-        </label>
 
-        <input type="text" bind:value={displayedSearch} on:keyup={searchKeyUp} />
+        <input
+            type="text"
+            bind:value={displayedSearch}
+            on:keyup={searchKeyUp}
+            on:focus={() => {
+                searchRange = SearchRange.Custom;
+            }}
+            placeholder="Custom search" />
     </div>
 
     <div class="range-box-inner">
diff --git a/ts/src/stats/graphs.css b/ts/src/stats/graphs.css
index 0e7ada1ac..11c9389af 100644
--- a/ts/src/stats/graphs.css
+++ b/ts/src/stats/graphs.css
@@ -65,6 +65,10 @@
     justify-content: center;
 }
 
+.range-box-inner > * {
+    padding-right: 1em;
+}
+
 .graph .area {
     opacity: 0.05;
     pointer-events: none;