From 0746749396f2b5c9ad56ae6e86f7288d06621d2e Mon Sep 17 00:00:00 2001
From: girst <tobi@isticktoit.net>
Date: Sat, 8 Aug 2020 18:40:02 +0200
Subject: [PATCH] move search css into a stylesheet

---
 app/dangerous/static/style.css         | 35 +++++++++++++++++++++
 app/dangerous/templates/search.html.j2 | 42 +++-----------------------
 2 files changed, 40 insertions(+), 37 deletions(-)
 create mode 100644 app/dangerous/static/style.css

diff --git a/app/dangerous/static/style.css b/app/dangerous/static/style.css
new file mode 100644
index 0000000..c844695
--- /dev/null
+++ b/app/dangerous/static/style.css
@@ -0,0 +1,35 @@
+#search {
+  width:60em;
+  max-width:100%;
+  box-sizing:border-box;
+  margin:1.5em auto;
+}
+#search #box::placeholder{
+  color:#eee;
+  opacity: .7;
+}
+#search #box,
+#search #go,
+#search #filters select {
+  display:block;
+  border:0;
+  background:#666;
+  color:#eee;
+  padding:.2em
+}
+#search #go {
+  padding: 0 1em;
+  border-left: 1px solid #eee;
+}
+#search #box,
+#search #filters {
+  font-size: 1em;
+  flex: 1;
+}
+#search #main,
+#search #filters #container {
+  display: flex;
+}
+#search #filters select {
+  flex: 1;
+}
diff --git a/app/dangerous/templates/search.html.j2 b/app/dangerous/templates/search.html.j2
index 29f4f01..22c19c3 100644
--- a/app/dangerous/templates/search.html.j2
+++ b/app/dangerous/templates/search.html.j2
@@ -1,49 +1,17 @@
 {% extends "base.html.j2" %}
 {% import 'macros.imp.j2' as macros %}
 
+{% block favicon %}
+{{ super() }}
+<link rel="stylesheet" href="{{ url_for('dangerous.static', filename="style.css") }}">
+{% endblock %}
+
 {% block title %}
 {% if rows is not none %}{{ query | e }} &mdash; Search results
 {% else %}Search Youtube Videos{% endif %}
 {% endblock %}
 
 {% block content %}
-	<style>
-	#search {
-	  width:60em;
-	  max-width:100%;
-	  box-sizing:border-box;
-	  margin:1.5em auto;
-	}
-	#search #box::placeholder{
-	  color:#eee;
-	  opacity: .7;
-	}
-	#search #box,
-	#search #go,
-	#search #filters select {
-	  display:block;
-	  border:0;
-	  background:#666;
-	  color:#eee;
-	  padding:.2em
-	}
-	#search #go {
-	  padding: 0 1em;
-	  border-left: 1px solid #eee;
-	}
-	#search #box,
-	#search #filters {
-	  font-size: 1em;
-	  flex: 1;
-	}
-	#search #main,
-	#search #filters #container {
-	  display: flex;
-	}
-	#search #filters select {
-	  flex: 1;
-	}
-	</style>
 	<form method=get action=/search id="search">
 		<div id="main">
 		<input id="box" name=q placeholder="Search" value="{{ query | e if query }}">
-- 
2.39.3