From 44dcd39c025b84f432dd52d8f93909a09608af6d Mon Sep 17 00:00:00 2001 From: mark f beasley Date: Fri, 1 Nov 2019 18:30:23 -0400 Subject: [PATCH] UI: tweak query page to be responsive (#515) --- pywb/static/query.js | 6 +++--- pywb/templates/base.html | 1 + pywb/templates/query.html | 4 ++-- 3 files changed, 6 insertions(+), 5 deletions(-) diff --git a/pywb/static/query.js b/pywb/static/query.js index f736b002..c4a86421 100644 --- a/pywb/static/query.js +++ b/pywb/static/query.js @@ -391,7 +391,7 @@ RenderCalendar.prototype.createContainers = function() { // years column and initial display structure { tag: 'div', - className: 'col-2 pr-1 pl-1 h-100', + className: 'col-12 col-sm-2 pr-1 pl-1 h-100', child: { tag: 'div', className: 'list-group h-100 auto-overflow', @@ -405,7 +405,7 @@ RenderCalendar.prototype.createContainers = function() { // months initial structure { tag: 'div', - className: 'col-2 pr-1 pl-1 h-100', + className: 'col-12 mt-2 col-sm-2 mt-sm-0 pr-1 pl-1 h-100', child: { tag: 'div', className: 'tab-content h-100', @@ -418,7 +418,7 @@ RenderCalendar.prototype.createContainers = function() { // days initial structure { tag: 'div', - className: 'col-8 pl-1 h-100', + className: 'col-12 mt-3 mb-3 pr-1 mt-sm-0 mb-sm-0 pr-sm-0 col-sm-8 pl-1 h-100', child: { tag: 'div', className: 'tab-content h-100', diff --git a/pywb/templates/base.html b/pywb/templates/base.html index 8980ea30..716ff388 100644 --- a/pywb/templates/base.html +++ b/pywb/templates/base.html @@ -2,6 +2,7 @@ + {% block title %}{% endblock %} diff --git a/pywb/templates/query.html b/pywb/templates/query.html index 6a710fbf..55b66f45 100644 --- a/pywb/templates/query.html +++ b/pywb/templates/query.html @@ -15,11 +15,11 @@ {% block body %}
-

{{ _('Search Results') }}

+

{{ _('Search Results') }}

-
+