From 065462a071c64254d4c3f7e0dd89b4b84f5ac5a4 Mon Sep 17 00:00:00 2001
From: 0xee <lukas@0xee.eu>
Date: Mon, 21 Dec 2020 22:07:25 +0100
Subject: [PATCH] Improve styling

---
 assets/main.css | 11 +++++++++++
 tsplot          |  6 ++----
 2 files changed, 13 insertions(+), 4 deletions(-)
 create mode 100644 assets/main.css

diff --git a/assets/main.css b/assets/main.css
new file mode 100644
index 0000000..befe488
--- /dev/null
+++ b/assets/main.css
@@ -0,0 +1,11 @@
+#range-controls {
+    display: flex;
+}
+
+#timerange {
+    width: 30%;
+}
+
+#range_count {
+    width: 30%;
+}
diff --git a/tsplot b/tsplot
index 07f679f..30ad3ad 100755
--- a/tsplot
+++ b/tsplot
@@ -14,10 +14,8 @@ import time
 import sys
 import datetime
 
-external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
-
-app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
 
+app = dash.Dash(__name__)
 
 def get_topics(db):
     cursor = db.cursor()
@@ -60,7 +58,7 @@ plot_page = html.Div([
         id='interval-component',
         interval=4*1000,  # in milliseconds
         n_intervals=0),
-    html.Div([
+    html.Div(id='range-controls', children=[
         dcc.Input(id="range_count",
               type="number",
                   value=1,