diff --git a/source/main/static/css/main.css b/source/main/static/css/main.css
index 82c1966..0c10983 100644
--- a/source/main/static/css/main.css
+++ b/source/main/static/css/main.css
@@ -23,6 +23,10 @@
width: 100%;
}
+.navbar-burger {
+ margin-left: 0;
+}
+
/* Cada flecha en los títulos de secciones */
.arrows {
font-size: 1.5rem;
@@ -297,17 +301,23 @@ section#notice a {
/* SEARCH */
+#search-form {
+ width: 80vw;
+ margin: auto auto auto 3rem;
+}
+
.search-div > * {
display: inline-block;
}
.search-div input {
width: calc(100% - 4.1rem);
+ vertical-align: text-top;
}
.search-div button {
- width: 3.8rem;
- height: 3.8rem;
+ width: 2.9rem;
+ height: 2.9rem;
}
/* ICONS; cfr: https://css.gg */
diff --git a/source/static/css/main.css b/source/static/css/main.css
index 82c1966..a4ab280 100644
--- a/source/static/css/main.css
+++ b/source/static/css/main.css
@@ -297,17 +297,26 @@ section#notice a {
/* SEARCH */
+#search-form {
+ width: calc(100% - 7em);
+}
+
+.search-div {
+ margin-top: .5em;
+}
+
.search-div > * {
display: inline-block;
}
.search-div input {
width: calc(100% - 4.1rem);
+ font-size: 1.25rem;
}
.search-div button {
- width: 3.8rem;
- height: 3.8rem;
+ width: 3.1rem;
+ height: 3.1rem;
}
/* ICONS; cfr: https://css.gg */
diff --git a/source/templates/nav.html b/source/templates/nav.html
index a1242bd..77162a4 100644
--- a/source/templates/nav.html
+++ b/source/templates/nav.html
@@ -4,6 +4,11 @@
+ {% if query %}
+ {% include 'search-bar.html' with query=query %}
+ {% else %}
+ {% include 'search-bar.html' %}
+ {% endif %}
@@ -12,30 +17,18 @@
diff --git a/source/templates/search-bar.html b/source/templates/search-bar.html
new file mode 100644
index 0000000..307162d
--- /dev/null
+++ b/source/templates/search-bar.html
@@ -0,0 +1,8 @@
+
diff --git a/source/templates/search.html b/source/templates/search.html
index d65ef56..996af18 100644
--- a/source/templates/search.html
+++ b/source/templates/search.html
@@ -2,17 +2,6 @@
{% block content %}
-
-
{% if movies %}
{% include 'section.html' with section='Resultados de búsqueda.' content=movies %}
{% else %}