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 %} 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 %}